autom. Bilder ersetzten ?

01/01/2008 - 19:57 von Carlos | Report spam
Hallo NG und allen hier noch ein frohes neues Jahr!

Brauche mal wieder einen Rat.

Hatte vor, Bilder auf einer Website zu zeigen die automtisch wechseln,
àhnlich wie auf www.mercedes-benz.de zu sehen.

Als erstes dachte ich an Ebenen, also habe ich verschieden, gleichgroße
Ebenen erstellt die alle mit einem *.JPG "gefüllt", genau übereinander
lagen. Nur konnte ich in xWeb keine Funktion finden die es erlaubte z.B. die
Ebene "div#Ebene1" 10 sek anzuzeigen, danach "div#Ebene2" 10 sek usw.

Als nàchstes habe ich unter dem Arbeitsbereich "Verhalten" die Funktion
"Bild austauschen" ausprobiert. Dabei gelang es mir zwar das bei einem
"onmouseover" das Bild wechselte, aber das ist nicht das was ich wollte.

Im Netz gefunden habe ich dann noch ein Javascript das das ganze
bewerkstelligt, nur so richtig zufrieden bin ich damit auch nicht.
Vieleicht kann sich das ja mal einer ansehen:
www.zgdf-zecken.de/versuch/versuch.html

Schön wàre es, wenn der "Mauersteinrahmen" stehen bleibt (evtl. durch eine
immer sichtbare Ebene mit einem transparentem *.GIF?) und nur die Bilder
"darunter" wechseln würden, vieleicht noch durch Ein- und Ausblendungen
animiert...

Habe zwar noch nicht selbst CSS oder Javascript erstellt, wenn dann
überhaupt nur abgeschrieben und im kleinen Rahmen angepasst, trotzdem wàre
ich über jeden Tip oder Anleitung dankbar.

Gruß
 

Lesen sie die antworten

#1 gerne
02/02/2008 - 17:46 | Warnen spam
gerne


"Carlos" wrote:

Hallo NG und allen hier noch ein frohes neues Jahr!

Brauche mal wieder einen Rat.

Hatte vor, Bilder auf einer Website zu zeigen die automtisch wechseln,
hnlich wie auf www.mercedes-benz.de zu sehen.

Als erstes dachte ich an Ebenen, also habe ich verschieden, gleichgroe
Ebenen erstellt die alle mit einem *.JPG "gefllt", genau bereinander
lagen. Nur konnte ich in xWeb keine Funktion finden die es erlaubte z.B. die
Ebene "div#Ebene1" 10 sek anzuzeigen, danach "div#Ebene2" 10 sek usw.

Als nchstes habe ich unter dem Arbeitsbereich "Verhalten" die Funktion
"Bild austauschen" ausprobiert. Dabei gelang es mir zwar das bei einem
"onmouseover" das Bild wechselte, aber das ist nicht das was ich wollte.

Im Netz gefunden habe ich dann noch ein Javascript das das ganze
bewerkstelligt, nur so richtig zufrieden bin ich damit auch nicht.
Vieleicht kann sich das ja mal einer ansehen:
www.zgdf-zecken.de/versuch/versuch.html

Schn wre es, wenn der "Mauersteinrahmen" stehen bleibt (evtl. durch eine
immer sichtbare Ebene mit einem transparentem *.GIF?) und nur die Bilder
"darunter" wechseln wrden, vieleicht noch durch Ein- und Ausblendungen
animiert...

Habe zwar noch nicht selbst CSS oder Javascript erstellt, wenn dann
berhaupt nur abgeschrieben und im kleinen Rahmen angepasst, trotzdem wre
ich ber jeden Tip oder Anleitung dankbar.

Gru



hi
mit diesem scripts sollte es funktionieren, gilt für 10 ebenen
die ebenen müssen von .. layer1 bis layer10 aufsteigend nummeriert
<script type="text/javascript">
function ebene(id)
{
if (document.layers)
return document.layer[id];
else if (document.all)
return document.all[id].style;
else if (document.getElementByld)
return document.getElementByld(id).style;
else
return null;
}
var l; // index layer
var i; //Zàhler für Layer
var zms; // Zeit in msec
var indmem;
function InitP1()
{ i=1; zms€;
setTimeout("Animate()",zms);
}
function Animate()
{ var ebenex;
ebenex='PEbene'+i;
ebene(ebenex).visibility="hidden";
ebenex='PEbene'+i+1;
ebene(ebenex).visibility="visible";
// if(i<9)
// {
// i=i+i;
// setTimeout("Animate()",zms;
// }
}
*,zms);
</script>


Ähnliche fragen