Posted by: Ruffy Shanks
Probleme mit meiner 'privaten' Homepage - 21.05.2011, 01:51:26
Guten Abend,
ich habe folgendes Problem, mit meiner Homepage auf Lima-City.de, nämlich:
Ich will in die Homepage die sog. Lightbox (ein Javascript) einbauen, aber es scheint nicht zu funktionieren. Vorerst habe ich nur 2 Bilder auf den Server hochgeladen. Ich habe alles nach Anleitung gemacht, wie es die Seite der Lightbox besagt.
Den folgenden Code in den Headerbereich:
Den folgenden Code in die CSS bzw. damit die CSS erweitern:
Und zum aktivieren der Bilder folgenden Code im Body-Bereich benutzen:
Nun habe ich 2 folgende Probleme:
1. Bei der Lightbox auf meiner Seite werden keine kleinen Miniaturbilder angezeigt, wie es eigentlich sein sollte, oder?!
2. Die Lightbox funktioniert nicht bzw. 2.1 Die Lightbox funktioniert nur teilweise, sprich: Es wird ein Link angezeigt, und wenn man auf diesen Link klickt erscheint das Bild, aber nicht in einem Fenster der Lightbox, sondern unten links in der Ecke.
Meine .html-Datei sieht so aus:
WO ist der Fehler? u.u
Kann mir jemand bitte weiterhelfen? Ich arbeite mit Adobe Dreamweaver aber der zeigt mir auch keinerlei Syntax oder sonstige Fehler an. :x
Falls wer sich die Homepage zum diagnostizieren ansehen will:
http://photopizza.de.vu
Hoffe, mir kann hier einer Helfen.
Liebe Grüße,
#Ruff'
Ps: Homepage ist für ein privaten-Zweck gedacht. :)
Also nicht wundern. :)
ich habe folgendes Problem, mit meiner Homepage auf Lima-City.de, nämlich:
Ich will in die Homepage die sog. Lightbox (ein Javascript) einbauen, aber es scheint nicht zu funktionieren. Vorerst habe ich nur 2 Bilder auf den Server hochgeladen. Ich habe alles nach Anleitung gemacht, wie es die Seite der Lightbox besagt.
Den folgenden Code in den Headerbereich:
Code:
<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>
Den folgenden Code in die CSS bzw. damit die CSS erweitern:
Code:
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen"/>
Und zum aktivieren der Bilder folgenden Code im Body-Bereich benutzen:
Code:
<a href="../BILDNAME" rel="lightbox" title="TITEL !">NAME</a><br>
Nun habe ich 2 folgende Probleme:
1. Bei der Lightbox auf meiner Seite werden keine kleinen Miniaturbilder angezeigt, wie es eigentlich sein sollte, oder?!
2. Die Lightbox funktioniert nicht bzw. 2.1 Die Lightbox funktioniert nur teilweise, sprich: Es wird ein Link angezeigt, und wenn man auf diesen Link klickt erscheint das Bild, aber nicht in einem Fenster der Lightbox, sondern unten links in der Ecke.
Meine .html-Datei sieht so aus:
Code:
<html> <head><center><img src="so perfekt nicht.jpg"></center> <title>NOCH BAUSTELLE!</title> <style type='text/css'> body{ background-color: #6c71ba; } <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen"/> </style> <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> <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> <div align="center"> <body onLoad="MM_preloadImages('../Desktop/Bilder/Nummer-ZWEI_01.png','../Desktop/Bilder/Nummer-ZWEI_02.png','Nummer-ZWEI_03.png','../Desktop/Bilder/Nummer-ZWEI_04.png','../Desktop/Bilder/Nummer-ZWEI_05.png')"><table width="200" border="0" cellpadding="0" cellspacing="0"> <tr> <td><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','Nummer-ZWEI_01.png',1)"><img src="Nummer-EINSpng_01.png" name="Image1" width="285" height="100" border="0"></a></td> <td><a href="Marcel.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','Nummer-ZWEI_02.png',1)"><img src="Nummer-EINSpng_02.png" name="Image2" width="195" height="100" border="0"></a></td> <td><a href="Dennis.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','Nummer-ZWEI_03.png',1)"><img src="Nummer-EINSpng_03.png" name="Image3" width="201" height="100" border="0"></a></td> <td><a href="Sonstiges.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','Nummer-ZWEI_04.png',1)"><img src="Nummer-EINSpng_04.png" name="Image4" width="206" height="100" border="0"></a></td> <td><a href="News.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','Nummer-ZWEI_05.png',1)"><img src="Nummer-EINSpng_05.png" name="Image5" width="113" height="100" border="0"></a></td> </tr> </table> </head> </div> <center>Seite von Marcel.. Bildergalerie: <center> <a href="5571260573_e4bcac3bce.jpg" rel="lightbox" title="Die Superhelden-Ära!">Das Superhelden-Bild</a><br> <a href="Superheld.png" rel="lightbox" title="Ja zweites Bild halt" >Jops</a> </center> </body> </html> ]
WO ist der Fehler? u.u
Kann mir jemand bitte weiterhelfen? Ich arbeite mit Adobe Dreamweaver aber der zeigt mir auch keinerlei Syntax oder sonstige Fehler an. :x
Falls wer sich die Homepage zum diagnostizieren ansehen will:
http://photopizza.de.vu
Hoffe, mir kann hier einer Helfen.
Liebe Grüße,
#Ruff'
Ps: Homepage ist für ein privaten-Zweck gedacht. :)
Also nicht wundern. :)