ilch Forum » Allgemein » HTML, PHP, SQL,... » Lightbox 2.0 js in der bilder gallery

Geschlossen
  1. So. 27.04.2008 20:54 Uhr #121
    User Pic
    TD-AoD Mitglied
    Registriert seit
    16.08.2007
    Beiträge
    89
    Beitragswertungen
    0 Beitragspunkte
    hi Mcsaxo1990,
    genau in der gleichen datei als hättest du kein highslide oder etc.

    include/templates/gallery_show.htm
    .::. Die-Stämme .::. Mein Acc dort .::.
    0 Mitglieder finden den Beitrag gut.
  2. Mo. 12.05.2008 17:31 Uhr #122
    User Pic
    DjGecko Mitglied
    Registriert seit
    12.05.2008
    Beiträge
    18
    Beitragswertungen
    0 Beitragspunkte
    funzt 1 a bei mir.

    dickes danke

    bei den pfaden musste nur einmal .../js/... gelöscht werden damit es funzt
    0 Mitglieder finden den Beitrag gut.
  3. So. 18.05.2008 02:35 Uhr #123
    User Pic
    Dorian Mitglied
    Registriert seit
    16.05.2008
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Amirez

    habe nun noch ein weiteres problem bemerkt, vieleicht weiss da jemand bescheid.

    wenn ich mit FF die Seite öffne, bzw ein Bild -per lightbox- öffne, dann ist dieses etwas deplatziert angezeigt.. sprich nicht mittig und vorallem liegt die untere leiste mit dem "closbutton" hinter der grafik bzw dem angezeigten bild..

    das dürfte doch an sich nicht sein. hat da noch wer das problem, bzw eine lösung für? hab über die sufu nichts gefunden. was mich an sich wundert, wenn es unter FF nicht laufen würde...


    Ich habe inzwischen das selbe Problem, wie hast Du das Problem beheben können?
    Andernfalls hat noch jemand anderes eine Hilfe?
    Es war ein Krampf, das endlich hin zu bekommen mit der lightbox, nun läuft es, aber im firefox ist das bild verschoben und nicht direkt in dem fotorahmen drinnen.. im ie wiederum geht alles..

    Für jede brauchbare Hilfe bin ich dankbar!
    0 Mitglieder finden den Beitrag gut.
  4. So. 18.05.2008 09:59 Uhr #124
    User Pic
    Amirez Mitglied
    Registriert seit
    02.03.2008
    Beiträge
    158
    Beitragswertungen
    1 Beitragspunkte
    ZitatZitat geschrieben von Amirez

    ok habs nun aus der index rausgenommen und wieder in die gallery.htm gelegt...

    jetzt gehts auch im FF... erstmal vielen lieben dank für den tipp.

    hatte nur zwischendurch mal gelesen, dass man, wenn man es in die ndex legt, dann es für alles wirkt.. auch im forum und den news..


    hast du denn nun noch ne ahnung davon, wieso ich die "prev" + "next" buttons hinbekomme...

    kanne sdaran liegen, das ich die gallerien schon vorher up hatte? also er denkt es wäre nur ein bild? also neu uploaden?

    oder stimmt da was anderes nicht?


    so hatte ich das problem gelöst.. hast du wohl übersehen zwinker
    externer Link
    0 Mitglieder finden den Beitrag gut.
  5. So. 18.05.2008 11:07 Uhr #125
    User Pic
    Dorian Mitglied
    Registriert seit
    16.05.2008
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    Super, danke!! lächeln

    Genau das war der Tipp, den ich gebraucht hab, also hab ich das mal eben aus dem index raus genommen, und schwupps es klappt.

    War wohl gestern doch schon etwas zu spät für mich, denn ich hatte es wirklich irgendwie übersehen;)

    Nun klappts auch bei mir und bin megahappy(D)

    Noch einmal vielen Dank!
    0 Mitglieder finden den Beitrag gut.
  6. So. 18.05.2008 12:52 Uhr #126
    User Pic
    Amirez Mitglied
    Registriert seit
    02.03.2008
    Beiträge
    158
    Beitragswertungen
    1 Beitragspunkte
    hehehe lächeln

    kein problem. bin da damals auch fast verzweifelt zwinker
    externer Link
    0 Mitglieder finden den Beitrag gut.
  7. Sa. 26.07.2008 11:46 Uhr #127
    User Pic
    Druide666 Mitglied
    Registriert seit
    16.03.2007
    Beiträge
    85
    Beitragswertungen
    2 Beitragspunkte
    Achtung jetzt kommt vielleicht die blödeste Frage überhaupt!;)

    WIE BEKOMME ICH DIE LIGHTBOX INS 2TE FORUM BEI INTEGRIERTEM BBCODE????

    Wollte die Funktion nur im 2tem Forum haben und sonst nirgends.
    0 Mitglieder finden den Beitrag gut.
  8. So. 03.08.2008 00:11 Uhr #128
    User Pic
    d0mino Mitglied
    Registriert seit
    28.07.2008
    Beiträge
    1.250
    Beitragswertungen
    30 Beitragspunkte
    Ich stell mich einfach zu blöd an... könnte jemand mir die datein un den inhalt schicken..


    Oder hier ins forum den inhalt von gallery_show reischreiben...


    Danke..


    mg d0mino
    0 Mitglieder finden den Beitrag gut.
  9. Mo. 04.08.2008 14:53 Uhr #129
    User Pic
    CeeJay Hall Of Fame
    Registriert seit
    23.03.2007
    Beiträge
    2.425
    Beitragswertungen
    18 Beitragspunkte
    Ich hab das auch noch nicht gechecked xD

    Wäre jemand so nett und postet mal den Code für gallery.htm und gallery_show.htm? Würde das auch sehr gerne in der normalen gallery benutzen.

    danke!!

    _______________________EDIT_________

    Hat sich erledigt lächeln


    Zuletzt modifiziert von CeeJay am 04.08.2008 - 19:19:48
    Nichts ist so sicher, wie die Änderung.
    0 Mitglieder finden den Beitrag gut.
  10. Do. 07.08.2008 10:35 Uhr #130
    User Pic
    Keks- Mitglied
    Registriert seit
    25.07.2006
    Beiträge
    54
    Beitragswertungen
    0 Beitragspunkte
    Edit: hat sich alles geklärt

    mfG Keks-

    Ps: Ich habe mich an die Anleitung von littlecrow gehalten und highslide hochgeladen. Funktioniert bei mir allerdings nur mit der lightbox.css Version 1.1 - nicht mit der 2er. Habe alle inhalte von der 2er genommen und die lightbox.css von der 1.1er. Die gallery_show musste ich auch nicht verändern.


    Zuletzt modifiziert von Keks- am 14.08.2008 - 12:46:26
    „Ich trinke viel, ich schlafe wenig und rauche eine Zigarre nach der anderen. Deshalb bin ich 200% in Form.“ (Winston Churchill)
    0 Mitglieder finden den Beitrag gut.
  11. Do. 11.09.2008 20:43 Uhr #131
    User Pic
    schparc Mitglied
    Registriert seit
    10.10.2006
    Beiträge
    143
    Beitragswertungen
    0 Beitragspunkte
    Hat schon einer die Higslide box mit Kommentar Funktion hinbekommen?

    MFG
    Schparc.

    PS: bei mir öffnet der aber irgend wie die gallery nicht in higslide sondern nur in der Standard box von ILCh.

    externer Link
    Webspace Vermietung
    0 Mitglieder finden den Beitrag gut.
  12. Do. 04.12.2008 15:00 Uhr #132
    User Pic
    clemenzm Mitglied
    Registriert seit
    26.11.2008
    Beiträge
    34
    Beitragswertungen
    0 Beitragspunkte
    Sorry, so leid es mir auch tut, ich bekomme es einfach nicht hin.

    Bin mehrfach der ganze Thread durchgegangen, aber irgendwo ist was falsch.

    Hier mal der Link:
    externer Link

    Hat mir jemand dazu einen Tip?

    So ist meine Gallery.htm aufgebaut: 
    {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}  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"><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> 
<script type="text/javascript" src="include/includes/js/js/prototype.js"></script> 
<script type="text/javascript" src="include/includes/js/js/scriptaculous.js?load=effects"></script> 
<script type="text/javascript" src="include/includes/js/js/lightbox.js"></script> 
<link rel="stylesheet" href="include/includes/js/css/lightbox.css" type="text/css" media="screen" />


    und so ist meine lightbox.css aufgebaut: 
    #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: transparent url(http://www.silberlocke.net/portal/include/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } 
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.silberlocke.net/portal/include/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.silberlocke.net/portal/include/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; }


    Hat mir hier jemand einen Tip?
    0 Mitglieder finden den Beitrag gut.
  13. Do. 04.12.2008 15:40 Uhr #133
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    versuchs mal damit 

    {EXPLODE}

<head>
<script type="text/javascript" src="include/includes/js/js/prototype.js"></script>  
<script type="text/javascript" src="include/includes/js/js/scriptaculous.js?load=effects"></script>  
<script type="text/javascript" src="include/includes/js/js/lightbox.js"></script>  
<link rel="stylesheet" href="include/includes/js/css/lightbox.css" type="text/css" media="screen" />
</head>
<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}  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"><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>
    Wie poste ich falsch?
    0 Mitglieder finden den Beitrag gut.
  14. Fr. 05.12.2008 06:13 Uhr #134
    User Pic
    clemenzm Mitglied
    Registriert seit
    26.11.2008
    Beiträge
    34
    Beitragswertungen
    0 Beitragspunkte
    Schade geht nicht.

    Es passiert nichts traurig

    Kann es evtl. mit der CSS zusammen hängen.
    Hier habe ich diese Zeilen angepasst. 

    #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(http://www.silberlocke.net/portal/include/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } 
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.silberlocke.net/portal/include/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.silberlocke.net/portal/include/images/nextlabel.gif) right 15% no-repeat; }



    Wobei bei der original Datei dies gar nicht drin war:
    background: transparent........

    Und auch das Bild "blank.gif" exestiert nicht.

    Ob es daran liegt?

    Evtl. kann mir jemand auch folgende Dateien zur Verfügung stellen, evtl. komme ich dann auch auf den Fehler:

    gallery.htm
    index.htm (vom Design)
    lightbox.css


    Zuletzt modifiziert von clemenzm am 05.12.2008 - 06:30:33
    0 Mitglieder finden den Beitrag gut.
  15. Fr. 05.12.2008 06:49 Uhr #135
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    dann teste es doch mit der originalen css so wie oben angegeben ist es bei mir.
    Wie poste ich falsch?
    0 Mitglieder finden den Beitrag gut.
  16. Fr. 05.12.2008 07:58 Uhr #136
    User Pic
    clemenzm Mitglied
    Registriert seit
    26.11.2008
    Beiträge
    34
    Beitragswertungen
    0 Beitragspunkte
    Habe ich nun getestet.
    Aber geht leider nicht.

    Hast Du nur den Code in der gallery.htm drin, sonst nichts angepasst?

    Also auch nicht die CSS ?

    Oder was hast Du in der CSS stehen?

    Habe die Lightbox Version 2.04 !?!


    Zuletzt modifiziert von clemenzm am 05.12.2008 - 08:06:57
    0 Mitglieder finden den Beitrag gut.
  17. Fr. 05.12.2008 08:28 Uhr #137
    User Pic
    clemenzm Mitglied
    Registriert seit
    26.11.2008
    Beiträge
    34
    Beitragswertungen
    0 Beitragspunkte
    Habe es nun fast am laufen:

    Habe in der gellery.htm diesen Code geändert 
    <script type="text/javascript" src="include/includes/js/js/scriptaculous.js?load=effects,builder"></script>


    Nun scheint es evtl. zu gehen.

    Jedoch geht dies nur bei den Bildern, die unter den Kategorien angezeigt werden, nicht aber, wenn ich direkt in einer Kategorie bin.

    Versuche es weiter.


    Zuletzt modifiziert von clemenzm am 05.12.2008 - 08:30:01
    0 Mitglieder finden den Beitrag gut.
  18. Fr. 05.12.2008 08:32 Uhr #138
    User Pic
    clemenzm Mitglied
    Registriert seit
    26.11.2008
    Beiträge
    34
    Beitragswertungen
    0 Beitragspunkte
    Es geht nun bei mir, habe nun folgendes gemacht.

    Gallery.htm hat diesen Code: 

    {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}  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[roadtrip]"><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>
<script type="text/javascript" src="include/includes/js/js/prototype.js"></script>
<script type="text/javascript" src="include/includes/js/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="include/includes/js/js/lightbox.js"></script>
<link rel="stylesheet" href="include/includes/js/css/lightbox.css" type="text/css" media="screen" />


    Und sonst habe ich nur die original Dateien eingespielt.

    Nun muss ich nur noch schauen, wo ich die Größe ändern kann.
    0 Mitglieder finden den Beitrag gut.
  19. Fr. 05.12.2008 10:02 Uhr #139
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    die groesse sollte sie automatisch aendern bei hochladen das kannste im adminbereich unter konfiguration einstellen
    Wie poste ich falsch?
    0 Mitglieder finden den Beitrag gut.
  20. Fr. 05.12.2008 10:08 Uhr #140
    User Pic
    clemenzm Mitglied
    Registriert seit
    26.11.2008
    Beiträge
    34
    Beitragswertungen
    0 Beitragspunkte
    Habe es so hinbekommen, wie ich es wollte.

    Habe hier was geändert - gallery.htm 
    <td onmouseout="hiddpos('infodiv{id}')" onmouseover="alertpos('infodiv{id}')"><a href="include/images/gallery/img_norm_{id}.{endung}" rel="lightbox[roadtrip]"><img src="include/images/gallery/img_thumb_{id}.{endung}" border="0" alt="{datei_name}" title="&nbsp;" /></a></td>


    anstatt 
    img_norm_{id}


    habe ich 
    img_{id}


    Somit werden die Bilder gleich in Originalgröße anzeigeigt.

    Danke aber für die Hilfe.

    Nun nur noch das gleiche für die PicOfX zwinker

    Habe ich nun auch gefunden.
    Der erste lange Code geht auch bei mir !
    externer Link


    Zuletzt modifiziert von clemenzm am 05.12.2008 - 10:12:55
    0 Mitglieder finden den Beitrag gut.
  21. Fr. 05.12.2008 11:27 Uhr #141
    User Pic
    clemenzm Mitglied
    Registriert seit
    26.11.2008
    Beiträge
    34
    Beitragswertungen
    0 Beitragspunkte
    Nun habe ich doch noch ein kleines (hoffe ich) Problem gefunden.

    Wenn die Lightbox mit einem Bild geöffnet ist, dass kann man ja auf das nächste Bild weiterklicken. Bzw. ab dem zweiten Bild wieder zurück.

    Jedoch wird dies bei mir nicht optisch angezeigt.
    Ich merke dies nur, als ich mit der Maus über das Bild gefahren bin.

    Hat da schon jemand eine Lösung?
    0 Mitglieder finden den Beitrag gut.
  22. Fr. 05.12.2008 11:29 Uhr #142
    User Pic
    clemenzm Mitglied
    Registriert seit
    26.11.2008
    Beiträge
    34
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von lordrepha

    bei mir geht es nun auch allerdings mit ein paar kleinen einschränkungen

    Mozilla Browser: das erste Bild manchmal auch noch das 2te bild wird OHNE lightbox angezeigt sondern ganz normal im gleichen Fenster. wenn ich dann im Browser auf "eine seite zurück Button " klicke funktioniert auf einmal alles auch die bilder die vorher nicht gingen.

    Internet Explorer: Kein Bild Funktioniert Mann muss den IE Cache leeren danach gehen alle bilder. Sobald ich aber diese Seite verlasse oder in ein untermenüwechsel geht es wieder nicht. Um den effekt wieder zu haben muss ich den Cache wieder leeren.

    Ich hoffe es kann einer Helfen


    Zuletzt modifiziert von lordrepha am 31.05.2007 - 00:47:05


    War bzw. ist bei mir auch so, ich vermutte mal, wenn die Seite und somit das Script auch geladen ist, dann geht es auch beim ersten mal.

    Aber ich habe den Code aus der index.htm (design), wo bei mir ganz unten Stand ober in den Header rein gemacht. 

    <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=1000,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>
<script type="text/javascript" src="include/includes/js/js/prototype.js"></script>
<script type="text/javascript" src="include/includes/js/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="include/includes/js/js/lightbox.js"></script>
<link rel="stylesheet" href="include/includes/js/css/lightbox.css" type="text/css" media="screen" />


    Seither geht es bei mir.


    Zuletzt modifiziert von clemenzm am 05.12.2008 - 11:32:05
    0 Mitglieder finden den Beitrag gut.
  23. Fr. 05.12.2008 12:45 Uhr #143
    User Pic
    clemenzm Mitglied
    Registriert seit
    26.11.2008
    Beiträge
    34
    Beitragswertungen
    0 Beitragspunkte
    Wer lesen kann ist klar im Vorteil ;-)

    Habe es hinbekommen mit dem Vor- und Zurück Button.

    lightbox.css geändert 

    #prevLink:hover, #prevLink:visited:hover { background: url(http://www.meinehomepage.net/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.meinehomepage.net/images/nextlabel.gif) right 15% no-repeat; }
    0 Mitglieder finden den Beitrag gut.
  24. Mo. 08.06.2009 02:21 Uhr #144
    User Pic
    realmac Mitglied
    Registriert seit
    08.05.2009
    Beiträge
    128
    Beitragswertungen
    1 Beitragspunkte
    leute sorry das ich jetzt damit nerve aber ich versuch grad ne seite zu basteln und habe mir die lightbox von hier runtergeladen.. also im download bereich... die funzt auch und ist ja nur für die user gallery... nun fänd ich das gut wenn das auch in der normalen gallery geht...
    hab aber von hier einiges ausprobiert aber nix hinbekommen ...leider... kann mir wer sagen was ich genau machen soll?
    Learning by Doing
    0 Mitglieder finden den Beitrag gut.
  25. Mo. 08.06.2009 08:01 Uhr #145
    User Pic
    Flomavali gelöschter User
    www.ilch.de/downloads-show-1230.html
    Dieses Modul sollte für alles sein zwinker
    0 Mitglieder finden den Beitrag gut.
  26. Mo. 20.07.2009 18:13 Uhr #146
    User Pic
    silverstar Mitglied
    Registriert seit
    05.12.2005
    Beiträge
    93
    Beitragswertungen
    0 Beitragspunkte
    kann mir einer sagen wieso es den download nicht mehr gibt?? möchte es gern auch drauf haben.
    Meine Page: Noch net online
    Club Forum: forum2.tobis-ford.de/
    0 Mitglieder finden den Beitrag gut.
  27. Di. 15.09.2009 22:40 Uhr #147
    User Pic
    Loqi-X Mitglied
    Registriert seit
    13.10.2008
    Beiträge
    439
    Beitragswertungen
    1 Beitragspunkte
    Wie ich sehe ist das hier nicht mehr Aktiv und der Download-Link geht auch nicht mehr.

    Wollte euch fragen, ob ich dieses Modul iwo runterladen kann, sodass es sofort passt.

    Weill wenn ich mit dir 5 Seiten dieses Threads anschaue, muss ich mind. 1 Stunde herum ändern lächeln.

    Würde mich freuen.

    MfG Loqi-X
    ARANYOSDESIGNS - Optimization is creative

    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten