Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Duddle" data-source="post: 1399802" data-attributes="member: 17775">AW: Javascript &quot;onClick&quot;: aufrufende Funktion je nach sichtbarem DIV ändernWenn es nur um die Bildergalerie geht - und das habe ich aus dem geschriebenen destilliert - würde ich eher zu einer <a href="http://www.catswhocode.com/blog/top-10-javascript-slideshows-carousels-and-sliders" target="_blank">fertigen</a> <a href="http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/" target="_blank">Lösung</a> <a href="http://javabyexample.wisdomplug.com/web-programming/47-javascript/85-30-best-jquery-photo-plugins-sliders-slideshow-galleries-and-scrollers.html" target="_blank">tendieren</a>, die haben meist auch schöne Übergangseffekte und mehr Features.Ansonsten ist dein Ansatz für die eigene Lösung richtig: ein Array mit den verfügbaren Bildern definieren und mit den links-rechts-Knöpfen nur die Zählvariable als Array-Index de/inkrementieren.Edit: hab gerade mal deinen Quellcode genommen und folgende HTML-Datei erstellt:[PHP]&lt;html&gt;&nbsp; &nbsp; &lt;head&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var imagenes = new Array(2)&nbsp; &nbsp; imagenes[0] = &quot;http://farm4.static.flickr.com/3474/3226358452_14572d5570.jpg&quot;;&nbsp; &nbsp; imagenes[1] = &quot;http://farm5.static.flickr.com/4014/4410391795_2c5cb9e704_b.jpg&quot;;&nbsp; &nbsp; var i = 0;&nbsp; &nbsp; function cargarImagenLogotipo(){&nbsp; &nbsp; &nbsp; &nbsp; document.imgSrcLogotipo.src = imagenes[i];&nbsp; &nbsp; }function anteriorLogotipo(){&nbsp; &nbsp; if(i&lt;1){&nbsp; &nbsp; &nbsp; &nbsp; var NumImagen = i;&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; var NumImagen = i-=1;&nbsp; &nbsp; }&nbsp; &nbsp; document.imgSrcLogotipo.src = imagenes[NumImagen];}function siguienteLogotipo(){&nbsp; &nbsp; if(i&gt;0){&nbsp; &nbsp; &nbsp; &nbsp; var NumImagen = i;&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; var NumImagen = i+=1;&nbsp; &nbsp; }&nbsp; &nbsp; document.imgSrcLogotipo.src = imagenes[NumImagen];}&nbsp; &nbsp; &nbsp; &nbsp; &lt;/script&gt;&nbsp; &nbsp; &lt;/head&gt;&nbsp; &nbsp; &lt;body&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;img id=&quot;imgSrcLogotipo&quot; src=&quot;foo.jpg&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;hr&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;javascript:anteriorLogotipo()&quot;&gt;--------&lt;/a&gt;&lt;br&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;javascript:siguienteLogotipo()&quot;&gt;++++++++&lt;/a&gt;&lt;br&gt;&nbsp; &nbsp; &lt;/body&gt;&lt;/html&gt;[/PHP]Das funktioniert wunderbar, auch wenn in Zeile &quot;var imagenes...&quot; am Ende ein Semikolon fehlt. Vielleicht bricht bei dir deshalb der JS-Interpreter ab, Firefox scheint es offenbar nicht zu stören.Duddle</blockquote>

[QUOTE="Duddle, post: 1399802, member: 17775"] [b]AW: Javascript "onClick": aufrufende Funktion je nach sichtbarem DIV ändern[/b] Wenn es nur um die Bildergalerie geht - und das habe ich aus dem geschriebenen destilliert - würde ich eher zu einer [URL="http://www.catswhocode.com/blog/top-10-javascript-slideshows-carousels-and-sliders"]fertigen[/URL] [URL="http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/"]Lösung[/URL] [URL="http://javabyexample.wisdomplug.com/web-programming/47-javascript/85-30-best-jquery-photo-plugins-sliders-slideshow-galleries-and-scrollers.html"]tendieren[/URL], die haben meist auch schöne Übergangseffekte und mehr Features. Ansonsten ist dein Ansatz für die eigene Lösung richtig: ein Array mit den verfügbaren Bildern definieren und mit den links-rechts-Knöpfen nur die Zählvariable als Array-Index de/inkrementieren. Edit: hab gerade mal deinen Quellcode genommen und folgende HTML-Datei erstellt: [PHP] <html> <head> <script type="text/javascript"> var imagenes = new Array(2) imagenes[0] = "http://farm4.static.flickr.com/3474/3226358452_14572d5570.jpg"; imagenes[1] = "http://farm5.static.flickr.com/4014/4410391795_2c5cb9e704_b.jpg"; var i = 0; function cargarImagenLogotipo(){ document.imgSrcLogotipo.src = imagenes[i]; } function anteriorLogotipo(){ if(i<1){ var NumImagen = i; } else { var NumImagen = i-=1; } document.imgSrcLogotipo.src = imagenes[NumImagen]; } function siguienteLogotipo(){ if(i>0){ var NumImagen = i; } else { var NumImagen = i+=1; } document.imgSrcLogotipo.src = imagenes[NumImagen]; } </script> </head> <body> <img id="imgSrcLogotipo" src="foo.jpg" /> <hr> <a href="javascript:anteriorLogotipo()">--------</a> <a href="javascript:siguienteLogotipo()">++++++++</a> </body> </html> [/PHP] Das funktioniert wunderbar, auch wenn in Zeile "var imagenes..." am Ende ein Semikolon fehlt. Vielleicht bricht bei dir deshalb der JS-Interpreter ab, Firefox scheint es offenbar nicht zu stören. Duddle [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?