ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » Lightbox 2 in ilch einbauen!

Geschlossen
  1. #1
    User Pic
    boze Mitglied
    Registriert seit
    05.01.2007
    Beiträge
    133
    Beitragswertungen
    0 Beitragspunkte
    Hallo zusammen!

    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">&raquo;&nbsp;{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="&nbsp;" /></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="&nbsp;" /></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! lächeln 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
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Xenon Mitglied
    Registriert seit
    01.05.2007
    Beiträge
    47
    Beitragswertungen
    0 Beitragspunkte
    ich wär an dieser funktion auch interessiert
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Nero Hall Of Fame
    Registriert seit
    12.11.2005
    Beiträge
    987
    Beitragswertungen
    0 Beitragspunkte
    hm... weis zwar nicht ob das alles ist, aber nimm mal das raus:
    onClick="return oeffneFenster({bildr},{cat});"


    Am besten du stellst das mal online oder schausst es dir mit dem Firebug an.

    Mfg Nero
    ilch-Portal coming soon lachen

    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    nasper Mitglied
    Registriert seit
    24.06.2005
    Beiträge
    364
    Beitragswertungen
    0 Beitragspunkte
    das wäre auch eine schöne erweiterung für ilch ...

    kann man sich das irgendwo anschauen ???

    oder boze hast du es schon geschafft ???
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    boze Mitglied
    Registriert seit
    05.01.2007
    Beiträge
    133
    Beitragswertungen
    0 Beitragspunkte
    Hi! lächeln

    Ich habe es auch schon komplett ohne "onclick" etc. versucht. Weil in der News, hab ich es so auch umgesetzt! (erfolgreich).

    Wenn ich den Quelltext der Seite anschaue passt es auch 100%ig.

    Also entweder es liegt an der gallery.php oder am Lightbox Script. Wobei ich letzerens eher ausschließe, denn bei NewsBildern funktionierts bei mir.

    Hey, ich würde mich echt freuen, wenn die/der Entwickler sich (einen Moment?!) darum kümmern könnten/könnte!

    Fänd ich echt stark! lächeln

    Lieber Gruß und nen guten Wochenstart!
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Morpheus0082 Mitglied
    Registriert seit
    20.02.2007
    Beiträge
    37
    Beitragswertungen
    0 Beitragspunkte
    Gibts dafür schon ne lösung? würde mich nämlich auch interessieren.

    Mich würde aber auch das schon erfolgreich umgesetzte für die News interesieren. *g*
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    wurde doch schon gelöst externer Link
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    boze Mitglied
    Registriert seit
    05.01.2007
    Beiträge
    133
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von lordrepha

    wurde doch schon gelöst externer Link


    *g*

    Punkt 1: Schau mal in diesem Thread nach meinem ersten Beitrag

    Punkt 2: Schau dir das Datum an von jedem Thread! zwinker
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    schon gut boze dir galt das auch nicht eher Morpheus0082....;)
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.623
    Beitragswertungen
    1192 Beitragspunkte
    Grundsätzlich würde mich die Lightbox funktion auch interessieren!

    Ich habe die Datein des JavaScript geuploadet und in den Header im Index.htm geändert!
    Ab jetzt steh ich auf dem Schlauch! Hier werden Änderungen in der Galley.htm angesprochen, welche bei mir nicht mal vorhanden sind!

    Es wäre nett, wenn mich Jemand unterstützen könnte! Wie bekomme ich das Script in den News-Bilden und in der Gallery zu laufen?
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    siehe oben......
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    NickName gelöschter User
    ZitatZitat geschrieben von Lord|Schirmer

    Grundsätzlich würde mich die Lightbox funktion auch interessieren!

    Ich habe die Datein des JavaScript geuploadet und in den Header im Index.htm geändert!
    Ab jetzt steh ich auf dem Schlauch! Hier werden Änderungen in der Galley.htm angesprochen, welche bei mir nicht mal vorhanden sind!

    Es wäre nett, wenn mich Jemand unterstützen könnte! Wie bekomme ich das Script in den News-Bilden und in der Gallery zu laufen?


    l0l. bin auch genau nach anleitung vorgegangen, aber es ist irgendwie alles beim alten traurig - nunja, was solls zwinker
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    CeeJay Hall Of Fame
    Registriert seit
    23.03.2007
    Beiträge
    2.425
    Beitragswertungen
    18 Beitragspunkte
    Kann mal wer ein Tutorial dafür machen? Ich bekomm das net mal mit den Newspicz hin XD - Geht sowas auch mit *.gif-Datein?

    Wäre really nice, wenn das mal jemand näher erläutern könnte^^

    Thx
    Nichts ist so sicher, wie die Änderung.
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.623
    Beitragswertungen
    1192 Beitragspunkte
    Ich kann die Ausführung meines Vorgängers nur befürworten!

    Ist ja nicht so, das ich es nicht versucht habe!
    Ich habe bisher so einiges mit Ilch selbst geschafft!
    Aber hier stell ich mich irgendwie blöd an!
    grumml
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    CeeJay Hall Of Fame
    Registriert seit
    23.03.2007
    Beiträge
    2.425
    Beitragswertungen
    18 Beitragspunkte
    Es gibt hier doch ein paar leutz, die es geschafft haben - meldet euch!!!
    Nichts ist so sicher, wie die Änderung.
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    Nero Hall Of Fame
    Registriert seit
    12.11.2005
    Beiträge
    987
    Beitragswertungen
    0 Beitragspunkte
    so hier noch eine kleine javascript funktion, die for der lightbox aufgerufen werden muss.
    Die Funktion setzt bei allen img-Tags den rel werd, somit muss er nicht mehr per hand gesetzt werden.

    <script type="text/javascript">
    <!--
    window.onload = iniAllImages;
    function iniAllImages(){
      var nodes = document.getElementsByTagName("img");
      var img = '';
      for (var i = 0;i<nodes.length;i++){
        img = nodes[i]
        img.rel = "lightbox";
        if (img.title){
          img.alt = img.title;
        }else if(img.alt){
          img.title = img.alt
        }else{
          img.title = img.alt = img.src;
        }
      }
    }
    //-->
    </script>



    Mfg Nero
    ilch-Portal coming soon lachen

    0 Mitglieder finden den Beitrag gut.
  17. #17
    User Pic
    boze Mitglied
    Registriert seit
    05.01.2007
    Beiträge
    133
    Beitragswertungen
    0 Beitragspunkte
    [url]ilch.de/forum-showposts-20803.html[/url]
    0 Mitglieder finden den Beitrag gut.
  18. #18
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.623
    Beitragswertungen
    1192 Beitragspunkte
    @ boze

    Nach vielen testen und basteln habe ich es soweit geschafft,
    das die Lightbox in der Gallery funktioniert.
    Leider bekomme ich das bei den News überhaupt nicht hin!

    Was muss ich wo ändern, das die Newsbilder,
    welche einen Bilderlink haben, ebenso wie in der Gallery funktionieren!


    Hilfe wäre nett!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  19. #19
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.623
    Beitragswertungen
    1192 Beitragspunkte
    Sorry!

    Könnte mir jemand einen Tip geben, wie ich es schaffe, das die Bilder in den News, auch per lightbox angezeigt werden!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  20. #20
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.623
    Beitragswertungen
    1192 Beitragspunkte
    ALSO ICH VERSUCH ES NOCHEINMAL!

    Hat jemand einen Tip, wie man verlinkte Bilder in den News, mit dem Script Lightbox öffnen kann (rel="lightbox")
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  21. #21
    User Pic
    Nero Hall Of Fame
    Registriert seit
    12.11.2005
    Beiträge
    987
    Beitragswertungen
    0 Beitragspunkte
    hast schonmal das script da oben in die news.htm oder in die index.htm des designs getan?.

    Mfg Nero


    Zuletzt modifiziert von Nero am 19.06.2007 - 22:21:48
    ilch-Portal coming soon lachen

    0 Mitglieder finden den Beitrag gut.
  22. #22
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.623
    Beitragswertungen
    1192 Beitragspunkte
    Habe ich schon versucht, funktioniert leider nicht!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Module und Modifikationen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten