Ich habe mich mal rangesetzt und versuche die Lightbox 2 in ilch einzubauen. Ich habe es schon bei Newsbilder eingebaut und dort funktioniert es wunderbar!
Zu Homepage von Lightbox 2: externer Link
Also wie gesagt, ich hab es in meinen Verzeichnissen kopiert und mit NewsBilder funktioniert es wunderbar! Nun habe ich versucht es in die Gallerie einzubauen. Wenn ich nun auf das Bild klicke rechnet er geschwind hoch (so wies aussieht wird eine Schleife ausgeführt) und ganz weit unten auf der Seite (nach viel leerraum) wird das Bild angezeigt und darunter auch der "Close"-Button!
Mein "geänderter" Quellcode:
{EXPLODE} <table width="100%" class="border" border="0" cellspacing="1" cellpadding="3"> <tr class="Chead"> <td width="80%" align="center"><b>{_lang_category}</b></td> <td width="20%" align="center">{_lang_pictures}</td> </tr> {EXPLODE} <tr class="{class}"> <td><a href="index.php?gallery-{id}">{name}</a><br /><span class="smalfont">» {besch}</span></td> <td align="center">{gallery}</td> </tr> {EXPLODE} </table> <br /><br /> {EXPLODE} <table width="100%" class="border" border="0" cellspacing="1" cellpadding="3"> <tr class="Chead"> <td colspan="{imgperline}" align="center"><b>{cname}</b></td> </tr> {EXPLODE} <td class="{class}" width="{width}%" valign="top" align="center"> <div onmouseover="hiddpos('infodiv{id}')" class="layer" id="infodiv{id}" style="position:absolute; top:50px; left:50px; display:none; width:200px; height:200px;"> <table width="100%" class="border" border="0" cellspacing="1" cellpadding="4"> <tr> <td class="{class}" align="left"> <strong>{_lang_filename}:</strong> {datei_name} <br /><strong>{_lang_seen}:</strong> {klicks} <br /><strong>{_lang_voting}:</strong> {vote_wertung} <br /><strong>{_lang_comments}:</strong> {anz_koms} <br /><strong>{_lang_desc}:</strong> {besch} </td> </tr> </table> </div> <table class="border" border="0" cellspacing="1" cellpadding="0"> <tr> <td onmouseout="hiddpos('infodiv{id}')" onmouseover="alertpos('infodiv{id}')"><a href="include/images/gallery/img_norm_{id}.{endung}" rel="lightbox[gallery]" onClick="return oeffneFenster({bildr},{cat});"><img src="include/images/gallery/img_thumb_{id}.{endung}" border="0" alt="{datei_name}" title=" " /></a></td> </tr> </table> </td> {EXPLODE} </tr> </table> <center>{MPL}</center> <script language="JavaScript" type="text/javascript"> <!-- function oeffneFenster (bildr, cat) { var fenster = window.open ('index.php?gallery-show-'+cat+'-p'+bildr,'showBild','scrollbars=yes,height=600,width={breite},left=200,status=yes'); fenster.focus(); return (false); } // manage div ... document.onmousemove = checkPosition; function checkPosition(e) { if(document.all) { mausX = event.clientX + document.body.scrollLeft; mausY = event.clientY + document.body.scrollTop; } else { mausX = e.pageX; mausY = e.pageY; } } function alertpos(dname) { if (document.layers) { document.layers[0].left = mausX; document.layers[0].top = mausY; } else if (document.getElementById) { document.getElementById(dname).style.left = mausX + "px"; document.getElementById(dname).style.top = mausY + "px"; } document.getElementById(dname).style.display = "inline"; } function hiddpos(dname) { document.getElementById(dname).style.display = "none"; } //--> </script>
Das Javascript rufe ich in der index.htm auf! (Design)
Ich persönlich schätze, dass es irgendwas mit der .php zu tun hat. Dadurch, dass eine Schleife ausgeführt wird, um die Bilder darzustellen.
Darum habe ich auch mal folgendes versucht:
<a href="include/images/gallery/img_norm_173.jpg" rel="lightbox[gallery]" onClick="return oeffneFenster({bildr},{cat});"><img src="include/images/gallery/img_thumb_173.jpg" border="0" alt="{datei_name}" title=" " /></a>
Allerdings ist dadruch der gleiche Fehler!
Also normal sollte sein: Die Seite wird komplett dunkel und in der Mitte (zentriert) geht das Bild auf. Unter dem Bild steht der Dateiname und ein "Close"-Button. Rechts vom Bild kann man auf "next" klicken und links im Bild auf "prev".
Aber im Moment ist es so:
Man sieht null. Es wird nicht schwarz. Nach einer kurzen Zeit sieht man das Bild, wenn man ganz nach unten Scrollt.
Ich würde mich freuen, wenn mir jemand helfen könnte! Wenn ich es "richtig" zum laufen bekomme, kann ich auch gerne ein Modul "zusammenpacken"! Ich finde, dass es echt eine coole Sache ist.
Lieber Gruß
betroffene Homepage: localhost