mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 06.06.2020 22:54 Benutzername: Passwort: Auto-Login

Thema: Weicher Bild-Übergang ohne Flash vom 27.10.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Weicher Bild-Übergang ohne Flash
Autor Nachricht
Macciquita
Threadersteller

Dabei seit: 24.07.2005
Ort: Monaco di Baviera
Alter: -
Geschlecht: Männlich
Verfasst Sa 27.10.2007 15:35
Titel

Weicher Bild-Übergang ohne Flash

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Pixelpole

Dabei seit: 25.10.2004
Ort: Trier
Alter: 33
Geschlecht: Männlich
Verfasst Sa 27.10.2007 15:59
Titel

Antworten mit Zitat Zum Seitenanfang

öhm...ich will dir ja nich den wind aus den segeln nehmen aber das script verwendet einen filter der nur im IE funktioniert *zwinker*
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Macciquita
Threadersteller

Dabei seit: 24.07.2005
Ort: Monaco di Baviera
Alter: -
Geschlecht: Männlich
Verfasst Sa 27.10.2007 16:09
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Pixelpole

Dabei seit: 25.10.2004
Ort: Trier
Alter: 33
Geschlecht: Männlich
Verfasst Sa 27.10.2007 16:12
Titel

Antworten mit Zitat Zum Seitenanfang

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.


Zuletzt bearbeitet von Pixelpole am Sa 27.10.2007 16:13, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen weicher übergang website
Weicher Übergang mit Firefox?
[Flash] Übergang bei Endlosschleife
Flash - actionscript - Übergang v Szenen
[flash] weicher schatten
[Flash MX] Weicher Schlagschatten
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.