How add animated Gifs with CSS and index.html like C3ox.swf

sonia · **Joined:** Wed Oct 20, 2010 11:59 am **Posts:** 6

Dear iweb fans,

I want to add animated Gifs like these from Cu3Ox in iweb.
http://www.sustam.de/cu3/index.html

The Cu3Ox tool gives me an index.html page, where the .swf file with CSS and JS is embedded.
Thus simply Drag& Drope does not function unfortunately.
Any tipps and advices I would be grateful.

Be added here:
http://www.sustam.de/led_park2/iweb/Web ... ommen.html

Greeting from Germany again,
sonia

iWebFAQ · **Posted:** Sat Oct 23, 2010 8:37 pm

Hi Sonia,

you could embed this page
http://www.sustam.de/cu3/index.html
into your iWeb page with an iFrame
http://iwebfaq.org/site/iWeb_iframe.html

But you have to edit this page
http://www.sustam.de/cu3/index.html
in TextWrangler first where it says
<div style="width:1000px;height:700px;margin:0 auto;">
change the width to 250px

Did you pay for that? The code is really ugly...

Regards,
Cédric

sonia · **Joined:** Wed Oct 20, 2010 11:59 am **Posts:** 6

Hi Cédric, thanks for you answer.

No paying - it is a free 3D flash tool to downlaod here.
http://cu3ox.com/

It is a nice plaything and my customer likes it. but your Auto Fading photo slideshow is not to bad, too.
I understand your MassReplaceIt tools know and i like it know. The only thing is, that you must remember to upload again after Replacement! (i forgot that in the beginning)

Have a nice day
sonia

iWebFAQ · **Posted:** Sun Oct 24, 2010 4:15 pm

I just asked whether you paid for it or not because I couldn't find a way to embed it other than the iFrame way which isn't ideal... I will try again later... It certainly is a nice plaything

sonia · **Joined:** Wed Oct 20, 2010 11:59 am **Posts:** 6

Hi. I got it with your iframe code... // cheers, sonia

<html>
<head>
<title>
</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" >
<style type="text/css">
#outerdiv
{
width:280px;height:680px;
overflow:hidden;
position:relative;
}
#inneriframe
{
position:absolute;
top:0px;
left:-500px;
width:1280px;
height:2000px;
}
</style>
</head>
<body>
<div id='outerdiv'>
<iframe src="http://www.sustam.de/cu3/index.html" id='inneriframe' scrolling=no></iframe>
</div>
</body>
</html>

sonia · **Joined:** Wed Oct 20, 2010 11:59 am **Posts:** 6

Sag mal Cédric,

du weisst nicht zufällig wie ich den Pfad ändern muss, damit ich mehrere 3d flash box integrieren kann. Derzeit akzeptieren die Skripte nur den Pfad unter http://www.sustam.de/cu3/index.html und ich weiss nicht wo und in welchem Skript ich das ändern kann. Zwei Animationen kann ich nicht in einem File haben, da sie sich ja überschreiben. Blödes Problem.... // Vielleicht kennst du das Problem ja. Grüzie, sonia.

Website mit der 3d flash box:
http://www.sustam.de/led_park2/iweb/Web ... ommen.html

Eine zweite 3d box soll hier rein:
http://www.sustam.de/led_park2/iweb/Web ... lagen.html

cu3 Files liegen hier:
http://www.sustam.de/cu3/index.html
http://www.sustam.de/cu3/cu3ox.XML
http://www.sustam.de/cu3/cu3oxCSS.css
http://www.sustam.de/cu3/swfobject.js
http://www.sustam.de/cu3/cu3ox.swf

iWebFAQ · **Posted:** Tue Oct 26, 2010 1:41 pm

Wenn du den Ordner neu benennst solltest du in der Lage sein, mehrere Flash Boxes einzubinden.

Der Ordner der ersten Animation heisst cu3
Den Ordner der zweiten könntest du zu cu4 umbnennen oder was auch immer

Dann änderst du einfach in deinem iFrame Code cu3 zu cu4 und es sollte klappen

Ich sollte mich jedoch mal ein bisschen damit beschäftigen. Nur ist momentan die Zeit leider ein bisschen knapp dafür...

Gruss,
Cédric