Auf Thema antworten 2026

Beitrag

<blockquote data-quote="MrSpock" data-source="post: 1884506" data-attributes="member: 344220">AW: Bildergalier in WebsiteDann hast Du ein Bedienproblem!Dein Inhalt hat - wie bereits oben gesagt - nichts im Body-Bereich zu suchen, schon gar nicht innerhalb einer Script-Umgebung. Wie der dort bei Dir hinein gekommen ist, ist mir schleierhaft.So sollte es aussehen und funktionieren:[CODE]&lt;html&gt;&lt;head&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;js/prototype.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;js/scriptaculous.js?load=effects,builder&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;js/lightbox.js&quot;&gt;&lt;/script&gt;&lt;title&gt;Unbenannt-1&lt;/title&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;&gt;&lt;style type=&quot;text/css&quot;&gt;body {&nbsp;background-image: url(../Website%201/images/back.jpg);&nbsp;background-repeat: no-repeat;&nbsp;margin-left: 0px;&nbsp;margin-top: 0px;&nbsp;margin-right: 0px;&nbsp;margin-bottom: 0px;}body,td,th {&nbsp;font-family: &quot;Comic Sans MS&quot;, cursive;&nbsp;font-size: 14px;&nbsp;color: #000;}#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}#lightbox img{ width: auto; height: auto;}#lightbox a img{ border: none; }#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }#imageContainer{ padding: 10px; }#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }#imageContainer&gt;#hoverNav{ left: 0;}#hoverNav a{ outline: none;}#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }#prevLink { left: 0; float: left;}#nextLink { right: 0; float: right;}#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }#imageData{ padding:0 10px; color: #666; }#imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; }#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }&nbsp;&nbsp; #imageData #bottomNavClose{ width: 66px; float: right;&nbsp; padding-bottom: 0.7em; outline: none;}&nbsp;&nbsp; #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }&lt;/style&gt;&lt;script type=&quot;text/javascript&quot;&gt;function MM_swapImgRestore() { //v3.0&nbsp; var i,x,a=document.MM_sr; for(i=0;a&amp;&amp;i&lt;a.length&amp;&amp;(x=a[i])&amp;&amp;x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0&nbsp; var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();&nbsp; &nbsp; var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i&lt;a.length; i++)&nbsp; &nbsp; if (a[i].indexOf(&quot;#&quot;)!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}function MM_findObj(n, d) { //v4.01&nbsp; var p,i,x;&nbsp; if(!d) d=document; if((p=n.indexOf(&quot;?&quot;))&gt;0&amp;&amp;parent.frames.length) {&nbsp; &nbsp; d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}&nbsp; if(!(x=d[n])&amp;&amp;d.all) x=d.all[n]; for (i=0;!x&amp;&amp;i&lt;d.forms.length;i++) x=d.forms[i][n];&nbsp; for(i=0;!x&amp;&amp;d.layers&amp;&amp;i&lt;d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);&nbsp; if(!x &amp;&amp; d.getElementById) x=d.getElementById(n); return x;}function MM_swapImage() { //v3.0&nbsp; var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i&lt;(a.length-2);i+=3)&nbsp;&nbsp; if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}&lt;/script&gt;&lt;/head&gt;&lt;body bgcolor=&quot;#FFFFFF&quot; onLoad=&quot;MM_preloadImages(&#039;../Website 1/Bilder/&amp;uuml;ber-mich_1.png&#039;,&#039;../Website 1/Bilder/fotos_1.png&#039;,&#039;../Website 1/Bilder/G&amp;auml;stebuch_1.png&#039;,&#039;../Website 1/Bilder/home_1.png&#039;)&quot;&gt;&lt;!-- Save for Web Slices (Unbenannt-1 - Slices: Header_0, Navigation_0, back, randlinks_0, randrechts_0, randunten_0) --&gt;&lt;table id=&quot;Tabelle_01&quot; width=&quot;1000&quot; height=&quot;797&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&nbsp;&lt;tr&gt;&nbsp; &lt;td height=&quot;121&quot; colspan=&quot;4&quot;&gt;&nbsp;&nbsp; &lt;a href=&quot;#&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage(&#039;Image5&#039;,&#039;&#039;,&#039;../Website 1/Bilder/über-mich_1.png&#039;,1)&quot;&gt;&lt;img src=&quot;../Website 1/Bilder/Header.gif&quot; width=&quot;1024&quot; height=&quot;121&quot; alt=&quot;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&nbsp;&lt;/tr&gt;&nbsp;&lt;tr&gt;&nbsp; &lt;td colspan=&quot;4&quot;&gt;&lt;a href=&quot;home.html&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage(&#039;Image8&#039;,&#039;&#039;,&#039;../Website 1/Bilder/home_1.png&#039;,1)&quot;&gt;&lt;img src=&quot;../Website 1/Bilder/home_0.png&quot; name=&quot;Image8&quot; width=&quot;228&quot; height=&quot;55&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;a href=&quot;uber mich.html&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage(&#039;Image9&#039;,&#039;&#039;,&#039;../Website 1/Bilder/über-mich_1.png&#039;,1)&quot;&gt;&lt;img src=&quot;../Website 1/Bilder/über-mich_0.png&quot; name=&quot;Image9&quot; width=&quot;239&quot; height=&quot;57&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;a href=&quot;fotos.html&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage(&#039;Image6&#039;,&#039;&#039;,&#039;../Website 1/Bilder/fotos_1.png&#039;,1)&quot;&gt;&lt;img src=&quot;../Website 1/Bilder/fotos_0.png&quot; name=&quot;Image6&quot; width=&quot;189&quot; height=&quot;57&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;a href=&quot;#&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage(&#039;Image7&#039;,&#039;&#039;,&#039;../Website 1/Bilder/Gästebuch_1.png&#039;,1)&quot;&gt;&lt;img src=&quot;../Website 1/Bilder/Gästebuch_0.png&quot; name=&quot;Image7&quot; width=&quot;368&quot; height=&quot;55&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/td&gt;&nbsp;&lt;/tr&gt;&nbsp;&lt;tr&gt;&nbsp; &lt;td width=&quot;5&quot;&gt;&amp;nbsp;&lt;/td&gt;&nbsp;&nbsp; &lt;td width=&quot;1&quot;&gt;&nbsp;&nbsp; &lt;img src=&quot;http://www.psd-tutorials.de/forum/images/back.jpg&quot; width=&quot;1&quot; height=&quot;399&quot; alt=&quot;&quot;&gt;&lt;/td&gt;&nbsp; &lt;td width=&quot;1016&quot; height=&quot;593&quot;&gt;&lt;table width=&quot;700&quot; border=&quot;0&quot; align=&quot;center&quot;&gt;&nbsp; &nbsp; &lt;tr&gt;&nbsp; &nbsp; &nbsp; &lt;td align=&quot;center&quot; valign=&quot;middle&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;a href=&quot;http://www.psd-tutorials.de/forum/images/image-1.jpg&quot; rel=&quot;lightbox&quot; title=&quot;my caption&quot;&gt;image #1&lt;/a&gt;&lt;a href=&quot;http://www.psd-tutorials.de/forum/images/image-1.jpg&quot; rel=&quot;lightbox[roadtrip]&quot;&gt;image #1&lt;/a&gt;&lt;a href=&quot;http://www.psd-tutorials.de/forum/images/image-2.jpg&quot; rel=&quot;lightbox[roadtrip]&quot;&gt;image #2&lt;/a&gt;&lt;a href=&quot;http://www.psd-tutorials.de/forum/images/image-3.jpg&quot; rel=&quot;lightbox[roadtrip]&quot;&gt;image #3&lt;/a&gt;&nbsp; &nbsp; &nbsp; &lt;/td&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;/tr&gt;&nbsp; &nbsp;&nbsp; &lt;/table&gt;&lt;/td&gt;&nbsp; &lt;td width=&quot;6&quot;&gt;&amp;nbsp;&lt;/td&gt;&nbsp;&lt;/tr&gt;&nbsp;&lt;tr&gt;&nbsp; &lt;td colspan=&quot;4&quot;&gt;&amp;nbsp;&lt;/td&gt;&nbsp;&lt;/tr&gt;&lt;/table&gt;&lt;p&gt;&lt;!-- End Save for Web Slices --&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;[/CODE]Naja, zumindest zeigt sich jetzt schon mal die lightbox ;-)</blockquote>

[QUOTE="MrSpock, post: 1884506, member: 344220"] [b]AW: Bildergalier in Website[/b] Dann hast Du ein Bedienproblem! Dein Inhalt hat - wie bereits oben gesagt - nichts im Body-Bereich zu suchen, schon gar nicht innerhalb einer Script-Umgebung. Wie der dort bei Dir hinein gekommen ist, ist mir schleierhaft. So sollte es aussehen und funktionieren: [CODE] <html> <head> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <title>Unbenannt-1</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> body { background-image: url(../Website%201/images/back.jpg); background-repeat: no-repeat; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } body,td,th { font-family: "Comic Sans MS", cursive; font-size: 14px; color: #000; } #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } </style> <script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> </head> <body bgcolor="#FFFFFF" onLoad="MM_preloadImages('../Website 1/Bilder/über-mich_1.png','../Website 1/Bilder/fotos_1.png','../Website 1/Bilder/Gästebuch_1.png','../Website 1/Bilder/home_1.png')">  <table id="Tabelle_01" width="1000" height="797" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="121" colspan="4"> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','../Website 1/Bilder/über-mich_1.png',1)"><img src="../Website 1/Bilder/Header.gif" width="1024" height="121" alt=""></a></td> </tr> <tr> <td colspan="4"><a href="home.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','../Website 1/Bilder/home_1.png',1)"><img src="../Website 1/Bilder/home_0.png" name="Image8" width="228" height="55" border="0"></a><a href="uber mich.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','../Website 1/Bilder/über-mich_1.png',1)"><img src="../Website 1/Bilder/über-mich_0.png" name="Image9" width="239" height="57" border="0"></a><a href="fotos.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','../Website 1/Bilder/fotos_1.png',1)"><img src="../Website 1/Bilder/fotos_0.png" name="Image6" width="189" height="57" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','../Website 1/Bilder/Gästebuch_1.png',1)"><img src="../Website 1/Bilder/Gästebuch_0.png" name="Image7" width="368" height="55" border="0"></a></td> </tr> <tr> <td width="5"> </td> <td width="1"> <img src="http://www.psd-tutorials.de/forum/images/back.jpg" width="1" height="399" alt=""></td> <td width="1016" height="593"><table width="700" border="0" align="center"> <tr> <td align="center" valign="middle"> <a href="http://www.psd-tutorials.de/forum/images/image-1.jpg" rel="lightbox" title="my caption">image #1</a> <a href="http://www.psd-tutorials.de/forum/images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a> <a href="http://www.psd-tutorials.de/forum/images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a> <a href="http://www.psd-tutorials.de/forum/images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a> </td> </tr> </table></td> <td width="6"> </td> </tr> <tr> <td colspan="4"> </td> </tr> </table>  </body> </html> [/CODE]Naja, zumindest zeigt sich jetzt schon mal die lightbox ;-) [/QUOTE]

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

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?