Supportnet / Forum / Webseiten/HTML
Bilder Player für Pix auf der Site
Frage
Möchte gerne in ne website ne Art Bilderplayer einbauen.
Habe sehr viele Pix und die will ich nicht einfach so in die Page setzen, weil sie mir sonst zu lang oder umfangreich wird...
Sprich es soll eine Art player erscheinen in dem man die Bilder weiterklicken kann und evtl bei bedarf vergrössern kann...
Weiss einer wo ich solch nen Code bekomme?
Danke Leute!
Greetz
Antwort 1 von ChrisWave
Hallo?? Kennt keiner sowas?
Antwort 2 von rfb
Voraussetzung: Bilder im Verzeichnis bilder und heißen bild1.jpg, bild2.jpg etc.
gleiche Größe ist sinnvoll.
im HTML:
im JavaScript-Teil (möglichst externe JS-Datei
gleiche Größe ist sinnvoll.
im HTML:
<body onload="start()">
....
<div><form name="dia" action="index.html">
<fieldset><legend>Diashow</legend>
<img src="bilder/bild1.jpg" name="leinwand" width="(BILDMAßE)" height="(BILDMAßE)" alt="Diashow"><br>
<label for="kn">Start/Stopp der Diashow</label> <input type="button" name="knopf" id="kn" value="Start >" onclick="aktion()" onkeypress="aktion()">
<label for="tnr">Bild-Nr.</label> <input type="text" size="4" name="nummer" value="lade" onfocus="blur(this);" id="tnr">
<label for="sp">Geschwindigkeit</label> <select size="1" name="speed" onchange="schnell(this.form.speed)" id="sp">
<option value="4000">sehr langsam</option>
<option value="3000">langsamer</option>
<option value="2000">langsam</option>
<option value="1000" selected="selected">mittel</option>
<option value="600">schnell</option>
<option value="400">schneller</option>
<option value="200">sehr schnell</option>
</select>
<noscript><p>Die Diashow funktioniert leider nur mit aktiviertem JavaScript.</p></noscript>
</fieldset></form>
</div>
im JavaScript-Teil (möglichst externe JS-Datei
var j,i=1,l=(Anzahl der Bilder),var pfad="bilder/bild";
var laufe=null;
var weiter=false;
var speed=1000;
var geladen=false;
var bild=new Array(l+1);
for (j=a; j<=l; j++)
{
bild[j]=new Image(1,1);
bild[j].src=pfad+j+".jpg";
}
function wechsel()
{
if (geladen && weiter)
{
i=(i<l) ? i+1 : a;
with(window.document)
{
dia.nummer.value=i;
leinwand.src=bild.src;
}
laufe=setTimeout("wechsel()",speed);
}
}
function schnell(form)
{
speed=form.options[form.selectedIndex].value;
}
function aktion()
{
if (geladen)
{
if (weiter)
{
weiter=false;
clearTimeout(laufe);
window.document.dia.knopf.value="Start";
}
else
{
weiter=true;
laufe=setTimeout("wechsel()",10);
window.document.dia.knopf.value="Stopp";
}
}
}
function start()
{
window.document.dia.nummer.value=1;
geladen=true;
}
Antwort 3 von rfb
sorry, die erste Scriptzeile ist falsch kopiert, richtig:
var j,i=1,l=(Anzahl der Bilder),pfad="bilder/bild";