verfaßt von Mike_R 
, Rosenheim, 15.02.2011, 21:55:14
Hi,
jetzt muss ich mich doch noch mal an die netztreff-Gemeinde wenden in der Hoffnung einen weiteren Tipp zu bekommen. Auf neuen Wunsch soll nun in mein Web-Vorhaben eine slideshow eingebaut werden, die aber nicht automatisch (mit timeout) sondern per Button-Click gesteuert werden soll. Nachdem es diesmal ca. 10 Bilder sind, will ich das Problem nicht wieder damit umgehen, einfach für jedes Bild eine eigene Seite zu erstellen.
Zwei Möglichkeiten sehe ich jetzt:
Wenn es möglich wäre per javascript eine Rückmeldung zu bekommen, welches Bild gerade das aktuelle ist, wäre der Bildwechsel kein Problem mehr. Im html-Code steht:
<div id = \"bagImages\">
<img src=\"images/bag01.jpg\" width=\"419\" height=\"594\" border=\"0\" alt=\"Tasche 01\" onclick=\"changeimg()\">
</div>
(Das onclick ist hier der Einfachheit halber im \'img src\' eingebaut, es soll dann aber in einem eigenen Pfeil-img funktionieren.)
In der javascript-Datei:
function changeimg()
{
alert(\"Value:\"+ document.getElementById(\'bagImages\').getElementsByTagName(\'img\')[0]);
bin ich durch diese Kombination jetzt immerhin so weit gekommen, dass folgende Meldung kommt: Value:[object HTMLImageElement]
Aber was muss ich (ich nehme an, dahinter) noch eingeben, dass er mir den Namen der img-Datei nennt? Hab schon zig-Versuche mit .img .Image .backgroundImage .style.backgroundImage usw. gestartet, alles ohne Erfolg.
Nun zur 2. Möglichkeit:
Einfach ein Programm aud dem Internet hernehmen. Hab schon nach \"slideshow\" gegoogelt, aber das meiste, was ich entdeckt habe, ist jetzt nicht für Web-Auftritte gedacht. Ich brauche keinerlei Effekte, sondern nur, dass auf Pfeilklick (zeitgesteuert mit timeout wär\'s einfach!) ein Bild vor- bzw. zurückgeschaltet wird. Vielleicht kann mir in dieser Richtung jemand einen kleinen Tipp geben?
Mike_R
gesamter Thread: