Supportnet Computer
Planet of Tech

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:

 
<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";


Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: