Auf Thema antworten 2026

Beitrag

<blockquote data-quote="elamela" data-source="post: 1450463" data-attributes="member: 249876">Hallo!Ich habe eine Bildergalerie gemacht, bzw eine simple &quot;Vorheriges/Nächstes Bild&quot; Funktion. Leider funktioniert das ganze nicht. Bevor ich etwas im HTML verändert hatte, funktionierte es. Ich schreibe hier einfach mal Ausschnitte aus dem Javascript und HTML rein.[php]&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;&gt;&lt;html&gt;&lt;head&gt;&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--// Funktion zur Sichtbarkeit des DIV Layersfunction logotipos() {&nbsp; &nbsp; if(document.getElementById(&#039;logotipos&#039;).style.visibility==&#039;hidden&#039;) {&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;logotipos&#039;).style.visibility=&#039;visible&#039;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;papeleria&#039;).style.visibility=&#039;hidden&#039;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;aplicaciones&#039;).style.visibility=&#039;hidden&#039;;&nbsp; &nbsp; }}function papeleria() {&nbsp; &nbsp; if(document.getElementById(&#039;papeleria&#039;).style.visibility==&#039;hidden&#039;) {&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;logotipos&#039;).style.visibility=&#039;hidden&#039;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;papeleria&#039;).style.visibility=&#039;visible&#039;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;aplicaciones&#039;).style.visibility=&#039;hidden&#039;;&nbsp; &nbsp; }}function aplicaciones() {&nbsp; &nbsp; if(document.getElementById(&#039;aplicaciones&#039;).style.visibility==&#039;hidden&#039;) {&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;logotipos&#039;).style.visibility=&#039;hidden&#039;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;papeleria&#039;).style.visibility=&#039;hidden&#039;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;aplicaciones&#039;).style.visibility=&#039;visible&#039;;&nbsp; &nbsp; }&nbsp;}// Funktionen der Bildergalerievar imagenes = new Array(5);&nbsp; &nbsp; imagenes[0] = &quot;imagenes/grafico/logotipo00.jpg&quot;;&nbsp; &nbsp; imagenes[1] = &quot;imagenes/grafico/logotipo01.jpg&quot;;&nbsp; &nbsp; imagenes[2] = &quot;imagenes/grafico/logotipo02.jpg&quot;;&nbsp; &nbsp; imagenes[3] = &quot;imagenes/grafico/logotipo03.jpg&quot;;&nbsp; &nbsp; imagenes[4] = &quot;imagenes/grafico/logotipo04.jpg&quot;;var i = 0;function cargarImagenLogotipo(){&nbsp; document.imgSrcLogotipo.src = imagenes[i];}function anteriorLogotipo(){&nbsp; if(i&lt;4){&nbsp; &nbsp; var NumImagen = i;&nbsp; } else {&nbsp; &nbsp; var NumImagen = i-=1;&nbsp; }&nbsp; document.imgSrcLogotipo.src = imagenes[NumImagen];}function siguienteLogotipo(){&nbsp; if(i&gt;0){&nbsp; &nbsp; var NumImagen = i;&nbsp; } else {&nbsp; &nbsp; var NumImagen = i+=1;&nbsp; }&nbsp; document.imgSrcLogotipo.src = imagenes[NumImagen];}var imagenes = new Array(5);&nbsp; &nbsp; imagenes[0] = &quot;imagenes/grafico/papeleria01.jpg&quot;;&nbsp; &nbsp; imagenes[1] = &quot;imagenes/grafico/papeleria02.jpg&quot;;&nbsp; &nbsp; imagenes[2] = &quot;imagenes/grafico/papeleria03.jpg&quot;;&nbsp; &nbsp; imagenes[3] = &quot;imagenes/grafico/papeleria04.jpg&quot;;&nbsp; &nbsp; imagenes[4] = &quot;imagenes/grafico/papeleria05.jpg&quot;;var j = 0;function cargarImagenPapeleria(){&nbsp; document.imgSrcPapeleria.src = imagenes[j];}function anteriorPapeleria(){&nbsp; if(j&lt;4){&nbsp; &nbsp; var NumImagen = j;&nbsp; } else {&nbsp; &nbsp; var NumImagen = j-=1;&nbsp; }&nbsp; document.imgSrcPapeleria.src = imagenes[NumImagen];}function siguientePapeleria(){&nbsp; if(j&gt;0){&nbsp; &nbsp; var NumImagen = j;&nbsp; } else {&nbsp; &nbsp; var NumImagen = j+=1;&nbsp; }&nbsp; document.imgSrcPapeleria.src = imagenes[NumImagen];}// Función para las imagenes de Aplicacionesvar imagenes = new Array(5);&nbsp; &nbsp; imagenes[0] = &quot;imagenes/grafico/aplicaciones01.jpg&quot;;&nbsp; &nbsp; imagenes[1] = &quot;imagenes/grafico/aplicaciones02.jpg&quot;;&nbsp; &nbsp; imagenes[2] = &quot;imagenes/grafico/aplicaciones03.jpg&quot;;&nbsp; &nbsp; imagenes[3] = &quot;imagenes/grafico/aplicaciones04.jpg&quot;;&nbsp; &nbsp; imagenes[4] = &quot;imagenes/grafico/aplicaciones05.jpg&quot;;var k = 0;function cargarImagenAplicaciones(){&nbsp; document.imgSrcAplicaciones.src = imagenes[k];}function anteriorAplicaciones(){&nbsp; if(k&lt;4){&nbsp; &nbsp; var NumImagen = k;&nbsp; } else {&nbsp; &nbsp; var NumImagen = k-=1;&nbsp; }&nbsp; document.imgSrcAplicaciones.src = imagenes[NumImagen];}function siguienteAplicaciones(){&nbsp; if(k&gt;0){&nbsp; &nbsp; var NumImagen = k;&nbsp; } else {&nbsp; &nbsp; var NumImagen = k+=1;&nbsp; }&nbsp; document.imgSrcAplicaciones.src = imagenes[NumImagen];}function galeria(){&nbsp; &nbsp; window.onload = cargarImagenLogotipo();&nbsp; &nbsp; window.onload = cargarImagenPapeleria();&nbsp; &nbsp; window.onload = cargarImagenAplicaciones();}--&gt;&lt;/script&gt;&lt;/head&gt;&lt;body onLoad=&quot;galeria()&quot;&gt;&lt;div id=&quot;g_ident&quot; class=&quot;menu_invisible&quot;&gt;&nbsp; &nbsp; &lt;ul class=&quot;submenu&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot; onClick=&quot;logotipos()&quot;&gt;Logotipos &lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot; onClick=&quot;papeleria()&quot;&gt;Papeleria &lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot; onClick=&quot;aplicaciones()&quot;&gt;Aplicaciones &lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;/ul&gt;&lt;/div&gt;&lt;div id=&quot;logotipos&quot; style=&quot;visibility:hidden&quot;&gt;&nbsp;&nbsp; &lt;div class=&quot;image&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;imagenes/grafico/logotipo00.jpg&quot; id=&quot;imgSrcLogotipo&quot; alt=&quot;Logotipo 00&quot;&gt; &nbsp;&nbsp; &lt;/div&gt;&nbsp;&nbsp; &lt;div class=&quot;ant_sig&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;anterior&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot; onClick=&quot;anteriorLogotipo()&quot;&gt;&amp;nbsp; Anterior&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;siguiente&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot; onClick=&quot;siguienteLogotipo()&quot;&gt;Siguiente &amp;nbsp;&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/div&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;papeleria&quot; style=&quot;visibility:hidden&quot;&gt;&nbsp;&nbsp; &lt;div class=&quot;image&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;imagenes/grafico/papeleria01.jpg&quot;&nbsp; id=&quot;imgSrcPapeleria&quot; alt=&quot;Papeleria 01&quot;&gt; &nbsp;&nbsp; &lt;/div&gt;&nbsp;&nbsp; &lt;div class=&quot;ant_sig&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;anterior&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot; onClick=&quot;anteriorPapeleria()&quot;&gt;&amp;nbsp;&nbsp; Anterior&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;siguiente&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot; onClick=&quot;siguientePapeleria()&quot;&gt;Siguiente&nbsp; &amp;nbsp;&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/div&gt;&lt;/div&gt;&lt;div id=&quot;aplicaciones&quot; style=&quot;visibility:hidden&quot;&gt;&nbsp;&nbsp; &lt;div class=&quot;image&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;imagenes/grafico/aplicaciones01.jpg&quot;&nbsp; id=&quot;imgSrcAplicaciones&quot; alt=&quot;Logotipo 00&quot;&gt; &nbsp;&nbsp; &lt;/div&gt;&nbsp;&nbsp; &lt;div class=&quot;ant_sig&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;anterior&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot; onClick=&quot;anteriorAplicaciones()&quot;&gt;&amp;nbsp;&nbsp; Anterior&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;siguiente&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot; onClick=&quot;siguienteAplicaciones()&quot;&gt;Siguiente&nbsp; &amp;nbsp;&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/div&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;[/php]Zur Information: &quot;Anterior&quot; heisst &quot;Vorheriges&quot; und &quot;Siguiente&quot; heisst &quot;Nächstes&quot;. Die Sprache sollte allerdings nicht weiter interessieren denke ich <img src="/styles/default/xenforo/smilies/zwinker.gif"&nbsp; class="smilie" loading="lazy" alt=";)" title="Wink&nbsp; &nbsp; ;)" data-shortname=";)" />Wenn jemand also einen Fehler findet, wär ich ihm sehr verbunden!Ich bitte allerdings darum, mir nicht andere Vorschläge zu machen wie ich das oder das besser machen könnte, und warum ich keine fertige Bildergalerie im Internet suche etc. Ich möchte an dem Konstrukt nichts verändern, lediglich die Fehler!Also bitte nicht anfangen mit &quot;da gibt es aber bessere Varianten&quot; oder &quot;wenn du Prototype benutzt geht das schneller&quot; danke <img src="/styles/default/xenforo/smilies/zwinker.gif"&nbsp; class="smilie" loading="lazy" alt=";)" title="Wink&nbsp; &nbsp; ;)" data-shortname=";)" />PS: Das erste Bild ruft er mir übrigens auf, wenn ich nur die Funktion &quot;Logotipo&quot; stehen lasse und die andern auskommentiere. Das 2. Bild allerdings nicht mehr.</blockquote>

[QUOTE="elamela, post: 1450463, member: 249876"] Hallo! Ich habe eine Bildergalerie gemacht, bzw eine simple "Vorheriges/Nächstes Bild" Funktion. Leider funktioniert das ganze nicht. Bevor ich etwas im HTML verändert hatte, funktionierte es. Ich schreibe hier einfach mal Ausschnitte aus dem Javascript und HTML rein. [php]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript">  </script> </head> <body onLoad="galeria()"> <div id="g_ident" class="menu_invisible"> <ul class="submenu"> <li><a href="#" onClick="logotipos()">Logotipos </a></li> <li><a href="#" onClick="papeleria()">Papeleria </a></li> <li><a href="#" onClick="aplicaciones()">Aplicaciones </a></li> </ul> </div> <div id="logotipos" style="visibility:hidden"> <div class="image"> <img src="imagenes/grafico/logotipo00.jpg" id="imgSrcLogotipo" alt="Logotipo 00"> </div> <div class="ant_sig"> <div class="anterior"> <a href="#" onClick="anteriorLogotipo()">  Anterior</a> </div> <div class="siguiente"> <a href="#" onClick="siguienteLogotipo()">Siguiente  </a> </div> </div> </div> <div id="papeleria" style="visibility:hidden"> <div class="image"> <img src="imagenes/grafico/papeleria01.jpg" id="imgSrcPapeleria" alt="Papeleria 01"> </div> <div class="ant_sig"> <div class="anterior"> <a href="#" onClick="anteriorPapeleria()">  Anterior</a> </div> <div class="siguiente"> <a href="#" onClick="siguientePapeleria()">Siguiente  </a> </div> </div> </div> <div id="aplicaciones" style="visibility:hidden"> <div class="image"> <img src="imagenes/grafico/aplicaciones01.jpg" id="imgSrcAplicaciones" alt="Logotipo 00"> </div> <div class="ant_sig"> <div class="anterior"> <a href="#" onClick="anteriorAplicaciones()">  Anterior</a> </div> <div class="siguiente"> <a href="#" onClick="siguienteAplicaciones()">Siguiente  </a> </div> </div> </div> </body> </html> [/php]Zur Information: "Anterior" heisst "Vorheriges" und "Siguiente" heisst "Nächstes". Die Sprache sollte allerdings nicht weiter interessieren denke ich ;) Wenn jemand also einen Fehler findet, wär ich ihm sehr verbunden! Ich bitte allerdings darum, mir nicht andere Vorschläge zu machen wie ich das oder das besser machen könnte, und warum ich keine fertige Bildergalerie im Internet suche etc. Ich möchte an dem Konstrukt nichts verändern, lediglich die Fehler! Also bitte nicht anfangen mit "da gibt es aber bessere Varianten" oder "wenn du Prototype benutzt geht das schneller" danke ;) PS: Das erste Bild ruft er mir übrigens auf, wenn ich nur die Funktion "Logotipo" stehen lasse und die andern auskommentiere. Das 2. Bild allerdings nicht mehr. [/QUOTE]

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

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?