ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » Gallery bearbeiten

Geschlossen
  1. Di. 19.04.2011 13:46 Uhr #1
    User Pic
    wolle Mitglied
    Registriert seit
    19.04.2011
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    hallo an alle

    Ich verwende das Modul lightbox MOD 1.1
    Ich hatte es aber gerne so geändert das ich einen NEXT Butten habe

    img821.imageshack.us/i/testko.png/

    Wie mach ich das

    Danke im voraus.

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. Di. 19.04.2011 13:59 Uhr #2
    User Pic
    Treicio gelöschter User
    Normalerweise hat die Lightbox den schon drinne ^^
    Wenn mindestens 2 Bilder in der Kategorie sind müsste eigentlich wenn die Lightbox offen ist und die Maus weit genug in der richtung liegt der Button erscheinen. Weiß nicht ob dieser bei dem Mod entfernt wurde.
    0 Mitglieder finden den Beitrag gut.
  3. Di. 19.04.2011 14:39 Uhr #3
    User Pic
    Robert0506 Mitglied
    Registriert seit
    24.05.2009
    Beiträge
    204
    Beitragswertungen
    5 Beitragspunkte
    Einfach den Code der include/templates/user/gallery.htm Zeile 16: 

    <a target="_blank" rel="lightbox" href="include/images/usergallery/img_{id}.{endung}"><img src="include/images/usergallery/img_thumb_{id}.{endung}" border="0" alt="{name}" title="{name}" /></a>


    durch diesen ersetzen: 

    <a target="_blank" rel="lightbox[roadtrip]" href="include/images/usergallery/img_{id}.{endung}"><img src="include/images/usergallery/img_thumb_{id}.{endung}" border="0" alt="{name}" title="{name}" /></a>


    Sollte gehen wenn es die Lightbox 2 ist.
    pixelphysics.de // Günstige Webdesigns und Anpassungen an Ilch
    0 Mitglieder finden den Beitrag gut.
  4. Mi. 20.04.2011 06:45 Uhr #4
    User Pic
    wolle Mitglied
    Registriert seit
    19.04.2011
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    hat leider nicht Geholfen
    0 Mitglieder finden den Beitrag gut.
  5. Mi. 20.04.2011 07:32 Uhr #5
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    Ich kann keine Einbindung einer Lightbox im Quellcode erkennen zusätzlich fehlt ein Dokumententyp, was evtl. zu Anzeigeproblemen führen kann.

    Setze mal 2-3 Bilder in die Gallery, so dass man was sehen kann!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  6. Mi. 20.04.2011 07:45 Uhr #6
    User Pic
    wolle Mitglied
    Registriert seit
    19.04.2011
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    Hier einige Test Bilder
    externer Link
    0 Mitglieder finden den Beitrag gut.
  7. Mi. 20.04.2011 09:19 Uhr #7
    User Pic
    Robert0506 Mitglied
    Registriert seit
    24.05.2009
    Beiträge
    204
    Beitragswertungen
    5 Beitragspunkte
    In deiner normalen Galerie geht die Lightbox überhaupt nicht an. Bei mir zumindest. Wird wohl dran liegen, dass das Modul welches du gedownloaded hast nur die Usergalerie umfasst. Wenn ich das rel Attribut via firebug in deiner Usergalerie zu rel="lightbox[roadtrip] ändere, wird bei mir der prev und next button angezeigt.
    pixelphysics.de // Günstige Webdesigns und Anpassungen an Ilch
    0 Mitglieder finden den Beitrag gut.
  8. Mi. 20.04.2011 10:09 Uhr #8
    User Pic
    wolle Mitglied
    Registriert seit
    19.04.2011
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    hir der html test

    ZitatZitat
    <!--Start LightboxJS2-->
    <link rel="stylesheet" href="include/includes/js/lightbox/css/lightbox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="include/includes/js/lightbox/js/prototype.js"></script>
    <script type="text/javascript" src="include/includes/js/lightbox/js/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="include/includes/js/lightbox/js/lightbox.js"></script>
    <!--End LightboxJS2-->
    <table width="100%" class="border" border="0" cellspacing="1" cellpadding="3">
    <tr class="Chead">
    <td colspan="{imgperline}" align="center"><b>{uname}</b></td>
    </tr>
    <tr>
    {EXPLODE}
    <td class="{class}" width="{width}%" valign="top" align="center">
    <table class="border" border="0" cellspacing="1" cellpadding="0">
    <tr>
    <td><a target="_blank" rel="lightbox[roadtrip]" href="include/images/usergallery/img_{id}.{endung}"><img src="include/images/usergallery/img_thumb_{id}.{endung}" border="0" alt="{name}" title="{name}" /></a></td>
    </tr>
    </table>
    {besch}
    </td>
    {EXPLODE}
    </tr>
    </table>
    <center>{MPL}</center>
    {EXPLODE}

    <br /><br />
    <form action="index.php?user-usergallery-{uid}" method="POST" enctype="multipart/form-data">
    <input type="hidden" name="gesendet" value="yes" />
    <fieldset>
    <legend><b>{_lang_pictureupload}</b></legend>
    <input type="file" size="40" name="file" style="margin-top:5px;" />
    <input size="60" name="text" maxlength="255" style="margin-top:5px;" /><br />
    <input type="submit" value="{_lang_formsub}" style="margin-top:5px;" />
    </fieldset>
    </form>

    {EXPLODE}
    {x}


    get aber immer noch nicht
    0 Mitglieder finden den Beitrag gut.
  9. Mi. 20.04.2011 10:27 Uhr #9
    User Pic
    Robert0506 Mitglied
    Registriert seit
    24.05.2009
    Beiträge
    204
    Beitragswertungen
    5 Beitragspunkte
    Hmmmm also in deiner Usergalerie gehts! Hier der Screenshot:

    gesperrtes Bild

    Vllt. mal STRG+F5 drücken! Leert den Cache!


    Zuletzt modifiziert von Robert0506 am 20.04.2011 - 10:28:50
    pixelphysics.de // Günstige Webdesigns und Anpassungen an Ilch
    0 Mitglieder finden den Beitrag gut.
  10. Mi. 20.04.2011 11:21 Uhr #10
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    Wenn ich deine Gallery öffne ist keine Lightbox eingebunden, im Gegenteil da steht sogar class="thickbox" und wenn dann wäre wahrscheinlich eine Lightbox auf JQuery sinnvoller!

    und dass ... 
    <!--Start LightboxJS2--> 
<link rel="stylesheet" href="include/includes/js/lightbox/css/lightbox.css" type="text/css" media="screen" /> 
<script type="text/javascript" src="include/includes/js/lightbox/js/prototype.js"></script> 
<script type="text/javascript" src="include/includes/js/lightbox/js/scriptaculous.js?load=effects"></script> 
<script type="text/javascript" src="include/includes/js/lightbox/js/lightbox.js"></script> 
<!--End LightboxJS2-->

    ... gehört zum Header!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  11. Mi. 20.04.2011 12:17 Uhr #11
    User Pic
    wolle Mitglied
    Registriert seit
    19.04.2011
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    ok die user Usergaleri get danke

    aber ich sollte noch die allgemeine Gallery so auch haben

    danke im voraus
    0 Mitglieder finden den Beitrag gut.
  12. Mi. 20.04.2011 19:01 Uhr #12
    User Pic
    Robert0506 Mitglied
    Registriert seit
    24.05.2009
    Beiträge
    204
    Beitragswertungen
    5 Beitragspunkte
    Poste doch mal den Quellcode der include/templates/gallery.htm

    Dann kann man dir das ja einbauen!
    pixelphysics.de // Günstige Webdesigns und Anpassungen an Ilch
    0 Mitglieder finden den Beitrag gut.
  13. Mi. 20.04.2011 20:08 Uhr #13
    User Pic
    wolle Mitglied
    Registriert seit
    19.04.2011
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    Bitte

    ZitatZitat
    {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="index.php?gallery-show-{cat}-p{bildr}" onClick="return oeffneFenster({bildr},{cat});" target="_blank"><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,resizable=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>


    danke
    0 Mitglieder finden den Beitrag gut.
  14. Mi. 20.04.2011 20:17 Uhr #14
    User Pic
    Fonsi1 Mitglied
    Registriert seit
    01.05.2010
    Beiträge
    455
    Beitragswertungen
    35 Beitragspunkte
    wolle ich weiss nicht, ob du es warst der mich Angeschrieben hat.
    Aber haste hier schonmal geschaut??
    Da steht eigentlich alles drin.
    externer Link
    externer Link
    externer Link
    externer Link
    externer Link
    externer Link
    0 Mitglieder finden den Beitrag gut.
  15. Mi. 20.04.2011 20:32 Uhr #15
    User Pic
    Robert0506 Mitglied
    Registriert seit
    24.05.2009
    Beiträge
    204
    Beitragswertungen
    5 Beitragspunkte
    Hiermit sollte es gehen! 

    {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">
       <table class="border" border="0" cellspacing="1" cellpadding="0">
         <tr>
           <td>
           <a href="include/images/gallery/img_{id}.{endung}" title="{datei_name}" rel="lightbox[roadtrip]">
           <img src="include/images/gallery/img_thumb_{id}.{endung}" border="0" alt="{datei_name}"/></a>
           </td>           
         </tr>
       </table>
     </td>
   {EXPLODE}
  </tr>
</table>
<center>{MPL}</center>


    Ich würde dir auch dringend raten die JS in den <head></head> des Designs zu packen! So wies dir Lord|Schirmer bereits gesagt hat!


    Zuletzt modifiziert von Robert0506 am 20.04.2011 - 20:49:30
    pixelphysics.de // Günstige Webdesigns und Anpassungen an Ilch
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Module und Modifikationen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten