nicht angemeldet
Dia-Show mit mehr als 2 Bilder automatisch !
Hallo zusammen,
ich hab folgendes Problem:
Ich will mittels DHTML eine Dia-Show auf meiner Seite einbinden.
Allerdings möchte ich gerne mehr als 2 Bilder nehmen, und der Wechsel sollte automatisch gehen. Desweitern sollte es eine Endlosschliefe sein, d.h. nachdem das letzte Bild eingeblendet wurde, soll es wieder mit dem ersten beginnen ?
Ich hab mit mal die Java-Script auf auf
http://selfhtml.teamone.de/dhtml/modelle/dynamische_filter.htm#blend_trans
angeschaut, bin daraus aber nicht ganz schlau geworden.
Ach ja, noch was: Der Übergang sollte so "neblig" sein!
Ich hoffe, dass ihr mit weiterhelfen könnt, und bedanke mich jetzt schon mal für eure Antworten,
cya
Simon
-
Hallo,
es gibt da erst mal zwei Möglichkeiten: Du suchst Dir in den einschlägigen Scriptsammlungen ein fertiges Script, was ich eprsönlich für keine Schande halte...
Oder Du baust Dir selber eins. Ich habe mir das Bsp. von Selfhtml nicht näher angesehen, denn oben steht drüber:
____
Dynamische Filter (nur Microsoft)
____was bedeutet, daß nur Brwoser dieses Herstellers Deine Show anzeigen würden. Wäre doch schade um die Bilder.
Deswegen wirds auch mit diesem "nebligen Übergang" schwierig. Grundsätzlich würde ich zwei Div-bereiche nehmen. Diese per CSS so pixelgenau positionieren, das sie übereinander liegen, eins der beiden ist am Anfang "unsichtbar" (per CSS). In dem sichtbaren lädst Du dynamsich das erste Bild. (die bilder sollten der einfachhalber durchnummeriert sein). Im unsichtbaren Div lädst Du derweil das zweite Bild. Ist nun eine gewisse Zeit vergangen (setTimeOut) dann wird die "Anzeigefunktion" (erneut) angesprungen. Selbige macht dann folgendes.
- bisherige sichtbare Div auf unsichtbar schalten
- bisher unsichtbare Div auf sichtbar schalten
- "wir-zeigen-als-nächstes-Bilnummer" um eins erhöhen
- das Bild mit der Nummer "wir-zeigen-als-nächstes-Bildnummer" in das nun unsichtbare Div laden
Jetzt must Du nur noch aufpassen, das diese "wir-zeigen-als-nächstes-Bildnummer" nicht die maximale Anzahl der vorhandenen Bilder übersteigt. Entweder ist die Schau dann zuende, oder Du setzt den Wert wieder auf 1 und fängst von vorne an.
Etwas JS-Kenntnisse sind natürlich von Vorteil ;-)
Grundsätzlich möchte ich betonen, daß ich im Internet keine blödere Art kenne, sich Bilder anzusehen, als diese selbstablaufenden Diashows. Mein Rat: mach es anders....
Chräcker
-
Hallo,
es gibt da erst mal zwei Möglichkeiten: Du suchst Dir in den einschlägigen Scriptsammlungen ein fertiges Script, was ich eprsönlich für keine Schande halte...
Oder Du baust Dir selber eins. [...]
Chräcker
Danke für deine äußerst Ausführliche Anleitung!
Ich hab mich für die erste Variante entschieden! Und die so "umgebaut" dass es passt !
cya & nochmals danke!
SimonPS: Für die, die es interessiert, hier noch der Quelltext:
<HTML>
<HEAD>
<TITLE>
Dia-Show
</TITLE><SCRIPT LANGUAGE="javascript">
var num=1
img1 = new Image()
img1.src = "screen1.jpg"
img2 = new Image()
img2.src = "screen2.jpg"
img3 = new Image()
img3.src = "screen3.jpg"function slideshow()
{
num=num+1
if (num==4)
{num=1}document.mypic.filters.blendTrans.Apply();
document.mypic.src=eval("img"+num+".src")
document.mypic.filters.blendTrans.Play();next = self.setTimeout("slideshow()",5000)
}function stop()
{
self.clearTimeout(next);
}
</SCRIPT></HEAD>
<BODY onload="slideshow();">
<IMG src="screen1.jpg" name="mypic" style="cursor:crosshair; filter:blendTrans(Duration=4, Transition=16)" width="400" heigth="300" border="0">
</BODY>
</HTML>
-
<img src="/images/10.gif" width=224 height=119 border=0 alt="??!%${">
Oder Du baust Dir selber eins. [...]
das hättest du lieber versuchen sollen, lernen is aber so langweilig, wenn die anderen kinder draußen spielen...
Ich hab mich für die erste Variante entschieden! Und die so "umgebaut" dass es passt !
nennst du das umbenennen der dateinamen "umgebaut"?
<SCRIPT LANGUAGE="javascript">
...........^ korrekt: type="text/javascript"
»»
...^ korrekt: <!--var num=1
............^ korrekt: ;
(in fast allen folgenden zeilen)if (num==4)
..........^ korrekt: num<4 || num==3
»»
...^ korrekt: //--></SCRIPT>
und abgesehn davon, dass das script wegen der falschen bilderanzahl sogar im MSIE4+ fehler verursacht, gehts mit schlechtem stil weiter:
<IMG src="screen1.jpg" name="mypic" style="cursor:crosshair; [...]
.....................................................^ was soll das?
"Cursor-Symbole sollten Sie nicht zweckentfremden." http://selfhtml.teamone.de/css/eigenschaften/anzeigefenster.htm#cursorsechs! setzen!
SCNR
willie *jemandderselbstgernscripteadaptiert*-
Hallo,
na, so schlimm wars doch auch nicht. Auch ich poch ja gerne darauf, daß dies hier ein Selbermach-Erklärforum ist, und bei der Eingangsfrage zuckte ich auch, aber zum einem habe auch ich JS dadurch gelernt, in dem ich fertige Scripte versucht habe anzupassen (was nicht selten daneben ging und mir erst viel später in extremsituationen erst auffiel), und zum anderen möchte ich doch mal lobend erwähnen, daß Simon sich nicht nur bedankte, sondern gar sagte, was er mit der Antwort von mir machte und was sein Ergebnis ist, wenn das letztere vielleicht auch nicht ganz rein war. Ich finde, für solch ein verhalten hat er hier noch zwei "Frame-mit-einem-Klick" und "möchte-ein-Menü-wie-MS-Seite" gut. (an Simon: das war keine Ironie, fand Dein verhalten wirklich mal vorzeigenswert....)
Chräcker, der das mit LANGUAGE="javascript" auch seid drei Tagen weiß ;-)
-
hallö,
na, so schlimm wars doch auch nicht.
ich hatte Simons antwort - ehrlcih gesagt - sarkastisch aufgefasst. falls ich daneben lag: TSCHULDSCHE BITTÄ!
Auch ich poch ja gerne darauf, daß dies hier ein Selbermach-Erklärforum ist,
mit ner fixen korrektur hab ich ja (trotzdem) versucht, n gutes werk zu leisten :)
und bei der Eingangsfrage zuckte ich auch, aber zum einem habe auch ich JS dadurch gelernt, in dem ich fertige Scripte versucht habe anzupassen (was nicht selten daneben ging und mir erst viel später in extremsituationen erst auffiel),
dito!!
und zum anderen möchte ich doch mal lobend erwähnen, daß Simon sich nicht nur bedankte, sondern gar sagte, was er mit der Antwort von mir machte und was sein Ergebnis ist, wenn das letztere vielleicht auch nicht ganz rein war. Ich finde, für solch ein verhalten hat er hier noch zwei "Frame-mit-einem-Klick" und "möchte-ein-Menü-wie-MS-Seite" gut. (an Simon: das war keine Ironie, fand Dein verhalten wirklich mal vorzeigenswert....)
oké! wahrscheinlich lacht sich ein fünftel (hoffentlich nicht mehr!) auch über meine fragen/kommentare platt...
Chräcker, der das mit LANGUAGE="javascript" auch seid drei Tagen weiß ;-)
tschö mit ö
willie *jemandderandauerndscripte_mopst_*
-
-
-