Willkommen auf dem Portal für Mediengestalter

Macciquita · Threadersteller

Hallöchen,
ich möchte auf meiner Seite eine art Diashow. Und zwar ohne flash. Ich hab dazu bei self-html was gefunden, komm aber nicht weiter. beispiel

Ich hab den code mal so raus kopiert und bei mir eingefügt.

<html><head><title>Test</title>
<script language="JScript" type="text/jscript">
Bild1 = new Image();
Bild1.src = "madrid1.jpg";
Bild2 = new Image();
Bild2.src = "madrid2.jpg";
var Bild = 1;
function Bildwechsel () {
if (Bild == 1) {
Bild = 2;
document.all.Madrid.filters.blendTrans.Apply();
document.all.Madrid.src = Bild2.src;
document.all.Madrid.filters.blendTrans.Play();
} else {
Bild = 1;
document.all.Madrid.filters.blendTrans.Apply();
document.all.Madrid.src = Bild1.src;
document.all.Madrid.filters.blendTrans.Play();
}
}
</script>
</head><body>
<p>Klicken Sie auf das Bild, nachdem es vollständig angezeigt ist.</p>
<img id="Madrid" src="madrid1.jpg" style="cursor:hand; filter:blendTrans(Duration=4, Transition=16)" onclick="Bildwechsel()" width="433" height="278" border="0" alt="Das ist Madrid">
</body>
</html>

Ich hab mal 4 Bildnamen reingeschrieben und dann diesen code draus gemacht.

<html><head><title>Test</title>
<script language="JScript" type="text/jscript">
Bild1 = new Image();
Bild1.src = "meinbild1.jpg";
Bild2 = new Image();
Bild2.src = "meinbild2.jpg";
Bild3 = new Image();
Bild3.src = "meinbild3.jpg";
Bild4 = new Image();
Bild4.src = "meinbild4.jpg";
var Bild = 1;
function Bildwechsel () {
if (Bild == 1) {
Bild = 2;
document.all.Madrid.filters.blendTrans.Apply();
document.all.Madrid.src = Bild2.src;
document.all.Madrid.filters.blendTrans.Play();
} else {
Bild = 1;
document.all.Madrid.filters.blendTrans.Apply();
document.all.Madrid.src = Bild1.src;
document.all.Madrid.filters.blendTrans.Play();
}
}
</script>
</head><body>
<img id="Madrid" src="meinbild1.jpg" style="cursor:hand; filter:blendTrans(Duration=4, Transition=16)" onload="Bildwechsel()" width="433" height="278" border="0" >
</body>
</html>

Mein erstes Bild wird geladen, aber das 2 nicht mehr. und die anderen auch nicht. Ab dem 2 Bild erscheint dieses x in der Ecke - also Datei nicht gefunden. Die bilder sind alle im gleichen Ordner und heissen auch so.

Ich will so 10 Bilder nacheinander laufen lassen mit weichen Übergängen. Das ganze soll nicht auf klick sondern automatisch ablaufen und evtl beim letzten bild stoppen.

Das mit onload funktioniert leider nur beim Übergang zwischen dem 1 und 2 Bild. Dann passiert nix mehr.

Ich bring mir das grad alles selber bei, also nich soviel meckern bitte! Lächel

Für Hilfe oder einen entsprechenden Code wär ich sehr dankbar.

Untertänigst
Macci

Pixelpole · **Verfasst** Sa 27.10.2007 15:59 **Titel**

öhm...ich will dir ja nich den wind aus den segeln nehmen aber das script verwendet einen filter der nur im IE funktioniert *zwinker*

Macciquita · Threadersteller

Echt? Na gut, dann fällt das weg. Was gibt es denn für Möglichkeiten, auf einer Seite eine Diashow mit weichen Übergängen ohne Flash zu erzeugen?
Ich will im Header 10 Bilder ablaufen lassen, die automatisch beim Seitenaufruf starten und beim letzten Bild stehen bleiben.

Würdet ihr da mit Image-Ready ein Gif bauen?
Oder kann man das auch irgendwie nur mit css bewerkstelligen?
Soll natürlich in jedem Browser funktionieren.

Pixelpole · **Verfasst** Sa 27.10.2007 16:12 **Titel**

per js und dem spass hier dürfte das gehen: http://www.css4you.de/trickkiste/tr00018.html

PS: ganz oben in dem link den du gepostet hast steht in klammern nur microsoft *zwinker*

bzw. wenn man auf zurück klickt.

Willkommen auf dem Portal für Mediengestalter

Thema: Weicher Bild-Übergang ohne Flash vom 27.10.2007

Weicher Bild-Übergang ohne Flash