Visual Lightbox - Brauche Hilfe

ALiinaFaBii · 19.04.2010

Huhu Leute,
ich habe meine Hp letztens neu gemacht, wollte mal was eher schlichtes, einfaches haben.

Und habe dann auch nach einer guten Galerie gesucht, hatte bisher nie wirklich eine Galerie auf meiner Homepage.

Ich habe dann gegoogelt und bin auf Visual Lightbox gestoßen. Ich komme mit dem Programm super klar, finde das Klasse und auch die Galerie toll, genauso wie ich sie immer haben wollte.

Bis dahin war auch alles super. Nur irgendwie spinnt meine Galerie jetzt.

Wenn ich sie in der Vorschau sehe geht alles wunderbar. Aber wenn ich sie dann in meine Hp einfüge. Und ich mache es genauso, wie in der Anleitung und vorher ging es auch.

Aber auf einmal spinnt die Galerie. Und zwar wenn man ein kleines Bild anklickt und sich dann das große öffnet, dann ist da immer so ein Fehler das nur in der mitte so ein streifen ist und der rest vom Bild ist weiß.

Ach schwer zu erklären, schaut es euch doch selber an.

Luckypaws - Home

Ich würde diese Galerie eigentlich gerne behalten. Vielleicht weiß ja einer von euch woran ist liegen könnte. :hmpf:

Lg Fabi

dirk_ry · 19.04.2010

AW: Visual Lightbox - Brauche Hilfe

Hallo Fabi,

hast du evtl. an den original JS-Dateien oder CSS-Datein "rumgefummelt"?

Hin und wieder reicht es, einfach wieder den Urzustand herzustellen und diesen dann mit dem aktuellen zu vergleichen. Ist zwar etwas umständlich aber es hilft.

Für mich sieht das wie ein kleiner Fehler im CSS aus.

Hoffe dass hilft weiter?

Grüsse
Dirk

Pixelverwender · 19.04.2010

AW: Visual Lightbox - Brauche Hilfe

Poste doch die maßgeblichen CSS-Dateien mal, dann kann man mal drüberschauen. Ich vermute auch, dass es was in der Richtung ist.

Steve1405 · 19.04.2010

AW: Visual Lightbox - Brauche Hilfe

Hey ALiinaFaBii,

füge in der visuallightbox.css bei folgendem Selector opacity:0; hinzu:

Code:

#prevLinkImg, #nextLinkImg{
opacity:0;
}

So sollte es dann wieder funktionieren

gruß

ALiinaFaBii · 19.04.2010

AW: Visual Lightbox - Brauche Hilfe

Die Galerie ist nur mit HTML gemacht.

Ich habe sie auch schon mehr als einmal neu gemacht.

Ich zeige euch einfach mal den Quelltext von der ersten Galerie (14.04.10).
Ich habe es einfach aus dem Quelltext von der erstellten Galerie übernommen und in meine Seite eingebaut, es hatte auch Anfangs mal geklappt und dann fing es an zu spinnen.

Hier das ist der Quelltext, den ich im Head Bereich eingefügt habe.

HTML:

                <!-- Start VisualLightBox.com HEAD section -->
                <link rel="stylesheet" href="engine/css/vlightbox.css" type="text/css" />
                <style type="text/css">#vlightbox a#vlb{display:none}</style>
                <link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />
                <script src="engine/js/jquery.min.js" type="text/javascript"></script>
                <!-- End VisualLightBox.com HEAD section -->

Und das hier wäre das, was in den Body Bereich kommt.

HTML:

        <!-- Start VisualLightBox.com BODY section -->

        <div id="vlightbox">
        <a class="vlightbox" href="data/images/14.04.10_(1).jpg" title="14.04.10 (1)"><img src="data/thumbnails/14.04.10_(1).jpg" alt="14.04.10 (1)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(2).jpg" title="14.04.10 (2)"><img src="data/thumbnails/14.04.10_(2).jpg" alt="14.04.10 (2)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(3).jpg" title="14.04.10 (3)"><img src="data/thumbnails/14.04.10_(3).jpg" alt="14.04.10 (3)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(4).jpg" title="14.04.10 (4)"><img src="data/thumbnails/14.04.10_(4).jpg" alt="14.04.10 (4)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(5).jpg" title="14.04.10 (5)"><img src="data/thumbnails/14.04.10_(5).jpg" alt="14.04.10 (5)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(6).jpg" title="14.04.10 (6)"><img src="data/thumbnails/14.04.10_(6).jpg" alt="14.04.10 (6)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(7).jpg" title="14.04.10 (7)"><img src="data/thumbnails/14.04.10_(7).jpg" alt="14.04.10 (7)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(8).jpg" title="14.04.10 (8)"><img src="data/thumbnails/14.04.10_(8).jpg" alt="14.04.10 (8)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(9).jpg" title="14.04.10 (9)"><img src="data/thumbnails/14.04.10_(9).jpg" alt="14.04.10 (9)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(10).jpg" title="14.04.10 (10)"><img src="data/thumbnails/14.04.10_(10).jpg" alt="14.04.10 (10)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(11).jpg" title="14.04.10 (11)"><img src="data/thumbnails/14.04.10_(11).jpg" alt="14.04.10 (11)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(12).jpg" title="14.04.10 (12)"><img src="data/thumbnails/14.04.10_(12).jpg" alt="14.04.10 (12)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(13).jpg" title="14.04.10 (13)"><img src="data/thumbnails/14.04.10_(13).jpg" alt="14.04.10 (13)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(14).jpg" title="14.04.10 (14)"><img src="data/thumbnails/14.04.10_(14).jpg" alt="14.04.10 (14)"/></a>

<a class="vlightbox" href="data/images/14.04.10_(15).jpg" title="14.04.10 (15)"><img src="data/thumbnails/14.04.10_(15).jpg" alt="14.04.10 (15)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(16).jpg" title="14.04.10 (16)"><img src="data/thumbnails/14.04.10_(16).jpg" alt="14.04.10 (16)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(17).jpg" title="14.04.10 (17)"><img src="data/thumbnails/14.04.10_(17).jpg" alt="14.04.10 (17)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(18).jpg" title="14.04.10 (18)"><img src="data/thumbnails/14.04.10_(18).jpg" alt="14.04.10 (18)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(19).jpg" title="14.04.10 (19)"><img src="data/thumbnails/14.04.10_(19).jpg" alt="14.04.10 (19)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(20).jpg" title="14.04.10 (20)"><img src="data/thumbnails/14.04.10_(20).jpg" alt="14.04.10 (20)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(21).jpg" title="14.04.10 (21)"><img src="data/thumbnails/14.04.10_(21).jpg" alt="14.04.10 (21)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(22).jpg" title="14.04.10 (22)"><img src="data/thumbnails/14.04.10_(22).jpg" alt="14.04.10 (22)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(23).jpg" title="14.04.10 (23)"><img src="data/thumbnails/14.04.10_(23).jpg" alt="14.04.10 (23)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(24).jpg" title="14.04.10 (24)"><img src="data/thumbnails/14.04.10_(24).jpg" alt="14.04.10 (24)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(25).jpg" title="14.04.10 (25)"><img src="data/thumbnails/14.04.10_(25).jpg" alt="14.04.10 (25)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(26).jpg" title="14.04.10 (26)"><img src="data/thumbnails/14.04.10_(26).jpg" alt="14.04.10 (26)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(27).jpg" title="14.04.10 (27)"><img src="data/thumbnails/14.04.10_(27).jpg" alt="14.04.10 (27)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(28).jpg" title="14.04.10 (28)"><img src="data/thumbnails/14.04.10_(28).jpg" alt="14.04.10 (28)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(29).jpg" title="14.04.10 (29)"><img src="data/thumbnails/14.04.10_(29).jpg" alt="14.04.10 (29)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(30).jpg" title="14.04.10 (30)"><img src="data/thumbnails/14.04.10_(30).jpg" alt="14.04.10 (30)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(31).jpg" title="14.04.10 (31)"><img src="data/thumbnails/14.04.10_(31).jpg" alt="14.04.10 (31)"/></a>

<a class="vlightbox" href="data/images/14.04.10_(32).jpg" title="14.04.10 (32)"><img src="data/thumbnails/14.04.10_(32).jpg" alt="14.04.10 (32)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(33).jpg" title="14.04.10 (33)"><img src="data/thumbnails/14.04.10_(33).jpg" alt="14.04.10 (33)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(34).jpg" title="14.04.10 (34)"><img src="data/thumbnails/14.04.10_(34).jpg" alt="14.04.10 (34)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(35).jpg" title="14.04.10 (35)"><img src="data/thumbnails/14.04.10_(35).jpg" alt="14.04.10 (35)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(36).jpg" title="14.04.10 (36)"><img src="data/thumbnails/14.04.10_(36).jpg" alt="14.04.10 (36)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(37).jpg" title="14.04.10 (37)"><img src="data/thumbnails/14.04.10_(37).jpg" alt="14.04.10 (37)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(38).jpg" title="14.04.10 (38)"><img src="data/thumbnails/14.04.10_(38).jpg" alt="14.04.10 (38)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(39).jpg" title="14.04.10 (39)"><img src="data/thumbnails/14.04.10_(39).jpg" alt="14.04.10 (39)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(40).jpg" title="14.04.10 (40)"><img src="data/thumbnails/14.04.10_(40).jpg" alt="14.04.10 (40)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(41).jpg" title="14.04.10 (41)"><img src="data/thumbnails/14.04.10_(41).jpg" alt="14.04.10 (41)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(42).jpg" title="14.04.10 (42)"><img src="data/thumbnails/14.04.10_(42).jpg" alt="14.04.10 (42)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(43).jpg" title="14.04.10 (43)"><img src="data/thumbnails/14.04.10_(43).jpg" alt="14.04.10 (43)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(44).jpg" title="14.04.10 (44)"><img src="data/thumbnails/14.04.10_(44).jpg" alt="14.04.10 (44)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(45).jpg" title="14.04.10 (45)"><img src="data/thumbnails/14.04.10_(45).jpg" alt="14.04.10 (45)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(46).jpg" title="14.04.10 (46)"><img src="data/thumbnails/14.04.10_(46).jpg" alt="14.04.10 (46)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(47).jpg" title="14.04.10 (47)"><img src="data/thumbnails/14.04.10_(47).jpg" alt="14.04.10 (47)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(48).jpg" title="14.04.10 (48)"><img src="data/thumbnails/14.04.10_(48).jpg" alt="14.04.10 (48)"/></a>

<a class="vlightbox" href="data/images/14.04.10_(49).jpg" title="14.04.10 (49)"><img src="data/thumbnails/14.04.10_(49).jpg" alt="14.04.10 (49)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(50).jpg" title="14.04.10 (50)"><img src="data/thumbnails/14.04.10_(50).jpg" alt="14.04.10 (50)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(51).jpg" title="14.04.10 (51)"><img src="data/thumbnails/14.04.10_(51).jpg" alt="14.04.10 (51)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(52).jpg" title="14.04.10 (52)"><img src="data/thumbnails/14.04.10_(52).jpg" alt="14.04.10 (52)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(53).jpg" title="14.04.10 (53)"><img src="data/thumbnails/14.04.10_(53).jpg" alt="14.04.10 (53)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(54).jpg" title="14.04.10 (54)"><img src="data/thumbnails/14.04.10_(54).jpg" alt="14.04.10 (54)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(55).jpg" title="14.04.10 (55)"><img src="data/thumbnails/14.04.10_(55).jpg" alt="14.04.10 (55)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(56).jpg" title="14.04.10 (56)"><img src="data/thumbnails/14.04.10_(56).jpg" alt="14.04.10 (56)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(57).jpg" title="14.04.10 (57)"><img src="data/thumbnails/14.04.10_(57).jpg" alt="14.04.10 (57)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(58).jpg" title="14.04.10 (58)"><img src="data/thumbnails/14.04.10_(58).jpg" alt="14.04.10 (58)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(59).jpg" title="14.04.10 (59)"><img src="data/thumbnails/14.04.10_(59).jpg" alt="14.04.10 (59)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(60).jpg" title="14.04.10 (60)"><img src="data/thumbnails/14.04.10_(60).jpg" alt="14.04.10 (60)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(61).jpg" title="14.04.10 (61)"><img src="data/thumbnails/14.04.10_(61).jpg" alt="14.04.10 (61)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(62).jpg" title="14.04.10 (62)"><img src="data/thumbnails/14.04.10_(62).jpg" alt="14.04.10 (62)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(63).jpg" title="14.04.10 (63)"><img src="data/thumbnails/14.04.10_(63).jpg" alt="14.04.10 (63)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(64).jpg" title="14.04.10 (64)"><img src="data/thumbnails/14.04.10_(64).jpg" alt="14.04.10 (64)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(65).jpg" title="14.04.10 (65)"><img src="data/thumbnails/14.04.10_(65).jpg" alt="14.04.10 (65)"/></a>

<a class="vlightbox" href="data/images/14.04.10_(66).jpg" title="14.04.10 (66)"><img src="data/thumbnails/14.04.10_(66).jpg" alt="14.04.10 (66)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(67).jpg" title="14.04.10 (67)"><img src="data/thumbnails/14.04.10_(67).jpg" alt="14.04.10 (67)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(68).jpg" title="14.04.10 (68)"><img src="data/thumbnails/14.04.10_(68).jpg" alt="14.04.10 (68)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(69).jpg" title="14.04.10 (69)"><img src="data/thumbnails/14.04.10_(69).jpg" alt="14.04.10 (69)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(70).jpg" title="14.04.10 (70)"><img src="data/thumbnails/14.04.10_(70).jpg" alt="14.04.10 (70)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(71).jpg" title="14.04.10 (71)"><img src="data/thumbnails/14.04.10_(71).jpg" alt="14.04.10 (71)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(72).jpg" title="14.04.10 (72)"><img src="data/thumbnails/14.04.10_(72).jpg" alt="14.04.10 (72)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(73).jpg" title="14.04.10 (73)"><img src="data/thumbnails/14.04.10_(73).jpg" alt="14.04.10 (73)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(74).jpg" title="14.04.10 (74)"><img src="data/thumbnails/14.04.10_(74).jpg" alt="14.04.10 (74)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(75).jpg" title="14.04.10 (75)"><img src="data/thumbnails/14.04.10_(75).jpg" alt="14.04.10 (75)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(76).jpg" title="14.04.10 (76)"><img src="data/thumbnails/14.04.10_(76).jpg" alt="14.04.10 (76)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(77).jpg" title="14.04.10 (77)"><img src="data/thumbnails/14.04.10_(77).jpg" alt="14.04.10 (77)"/></a><a id="vlb" href="http://visuallightbox.com">jQuery Thumbnails by VisualLightBox.com v3.1</a><script src="engine/js/visuallightbox.js" type="text/javascript"></script>
        </div>
        <!-- End VisualLightBox.com BODY section -->

Hier wäre noch der komplette Quelltext von der Galerie 14.04.10

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Bilder</title>
<meta name="author" content="Administrator">
<meta name="editor" content="html-editor phase 5">

                <!-- Start VisualLightBox.com HEAD section -->
                <link rel="stylesheet" href="engine/css/vlightbox.css" type="text/css" />
                <style type="text/css">#vlightbox a#vlb{display:none}</style>
                <link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />
                <script src="engine/js/jquery.min.js" type="text/javascript"></script>
                <!-- End VisualLightBox.com HEAD section -->


</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" background="BG.jpg">
<style type="text/css">
A:link{COLOR: #213713; TEXT-DECORATION: none;background-color: #ffffff;}
A:visited{COLOR: #213713; TEXT-DECORATION: none;background-color: #ffffff;}
A:active{COLOR: #ffffff; TEXT-DECORATION: none;background-color: #9FC468;}
A:hover{COLOR: #ffffff; TEXT-DECORATION: none;background-color: #9FC468;}
</STYLE>

<table width="900" border="0" cellpadding="0" cellspacing="2">
 <tr>
  <td>&nbsp;</td>
  <td>

  <table width="800" border="0" cellpadding="0" cellspacing="0" align="center">
 <tr background="Banner.png">
  <td> <br><br><br><br><br><br><br><br>
  &nbsp;
  <font><font size="-1"><font face="Arial"> <font size=""><font color="#403316"><b>&nbsp;</b></font></font> <font color="#FFFFFF"><a href="index.html">&nbsp;Home&nbsp;</a></font> <font size=""><font color="#403316"><b>&nbsp;</b></font></font> <a href="Alina.html">&nbsp;Alina ?&nbsp;</a> <font size=""><font color="#403316"><b>&nbsp;</b></font></font> <a href="Noah.html">&nbsp;Noah&nbsp;</a> <font size=""><font color="#403316"><b>&nbsp;</b></font></font> <a href="Enya.html">&nbsp;Enya&nbsp;</a> <font size=""><font color="#403316"><b>&nbsp;</b></font></font> <a href="Tricks.html">&nbsp;Tricks&nbsp;</a> <font size=""><font color="#403316"><b>&nbsp;</b></font></font> <a href="Erziehung.html">&nbsp;Erziehung&nbsp;</a> <font size=""><font color="#403316"><b>&nbsp;</b></font></font> <a href="Bilder.html" style=background-color:#9FC468;><font color="#FFFFFF">&nbsp;Bilder&nbsp;</font></a> <font size=""><font color="#403316"><b>&nbsp;</b></font></font> <a href="Links.html">&nbsp;Links&nbsp;</a> <font size=""><font color="#403316"><b>&nbsp;</b></font></font> <a href="Gaestebuch.html">&nbsp;Gästebuch&nbsp;</a> <font size=""><font color="#403316"><b>&nbsp;</b></font></font> <a href="Kontakt.html">&nbsp;Kontakt&nbsp;</a> <font size=""><font color="#403316"><b>&nbsp;</b></font></font> </font></font>

   </td>
 </tr>

 <tr background="HG.jpg">
  <td>
  <table width="760" border="0" cellpadding="0" cellspacing="" align="center">
   <tr>
    <td>

<b><font color="#39321A">
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
</font></b> <br><br> <font color="#1D1708">

    <font size=""><font color="#402f27">

  14.04.10 - Sonne, Strand und Rhein <br><br>

        <!-- Start VisualLightBox.com BODY section -->

        <div id="vlightbox">
        <a class="vlightbox" href="data/images/14.04.10_(1).jpg" title="14.04.10 (1)"><img src="data/thumbnails/14.04.10_(1).jpg" alt="14.04.10 (1)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(2).jpg" title="14.04.10 (2)"><img src="data/thumbnails/14.04.10_(2).jpg" alt="14.04.10 (2)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(3).jpg" title="14.04.10 (3)"><img src="data/thumbnails/14.04.10_(3).jpg" alt="14.04.10 (3)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(4).jpg" title="14.04.10 (4)"><img src="data/thumbnails/14.04.10_(4).jpg" alt="14.04.10 (4)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(5).jpg" title="14.04.10 (5)"><img src="data/thumbnails/14.04.10_(5).jpg" alt="14.04.10 (5)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(6).jpg" title="14.04.10 (6)"><img src="data/thumbnails/14.04.10_(6).jpg" alt="14.04.10 (6)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(7).jpg" title="14.04.10 (7)"><img src="data/thumbnails/14.04.10_(7).jpg" alt="14.04.10 (7)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(8).jpg" title="14.04.10 (8)"><img src="data/thumbnails/14.04.10_(8).jpg" alt="14.04.10 (8)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(9).jpg" title="14.04.10 (9)"><img src="data/thumbnails/14.04.10_(9).jpg" alt="14.04.10 (9)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(10).jpg" title="14.04.10 (10)"><img src="data/thumbnails/14.04.10_(10).jpg" alt="14.04.10 (10)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(11).jpg" title="14.04.10 (11)"><img src="data/thumbnails/14.04.10_(11).jpg" alt="14.04.10 (11)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(12).jpg" title="14.04.10 (12)"><img src="data/thumbnails/14.04.10_(12).jpg" alt="14.04.10 (12)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(13).jpg" title="14.04.10 (13)"><img src="data/thumbnails/14.04.10_(13).jpg" alt="14.04.10 (13)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(14).jpg" title="14.04.10 (14)"><img src="data/thumbnails/14.04.10_(14).jpg" alt="14.04.10 (14)"/></a>

<a class="vlightbox" href="data/images/14.04.10_(15).jpg" title="14.04.10 (15)"><img src="data/thumbnails/14.04.10_(15).jpg" alt="14.04.10 (15)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(16).jpg" title="14.04.10 (16)"><img src="data/thumbnails/14.04.10_(16).jpg" alt="14.04.10 (16)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(17).jpg" title="14.04.10 (17)"><img src="data/thumbnails/14.04.10_(17).jpg" alt="14.04.10 (17)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(18).jpg" title="14.04.10 (18)"><img src="data/thumbnails/14.04.10_(18).jpg" alt="14.04.10 (18)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(19).jpg" title="14.04.10 (19)"><img src="data/thumbnails/14.04.10_(19).jpg" alt="14.04.10 (19)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(20).jpg" title="14.04.10 (20)"><img src="data/thumbnails/14.04.10_(20).jpg" alt="14.04.10 (20)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(21).jpg" title="14.04.10 (21)"><img src="data/thumbnails/14.04.10_(21).jpg" alt="14.04.10 (21)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(22).jpg" title="14.04.10 (22)"><img src="data/thumbnails/14.04.10_(22).jpg" alt="14.04.10 (22)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(23).jpg" title="14.04.10 (23)"><img src="data/thumbnails/14.04.10_(23).jpg" alt="14.04.10 (23)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(24).jpg" title="14.04.10 (24)"><img src="data/thumbnails/14.04.10_(24).jpg" alt="14.04.10 (24)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(25).jpg" title="14.04.10 (25)"><img src="data/thumbnails/14.04.10_(25).jpg" alt="14.04.10 (25)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(26).jpg" title="14.04.10 (26)"><img src="data/thumbnails/14.04.10_(26).jpg" alt="14.04.10 (26)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(27).jpg" title="14.04.10 (27)"><img src="data/thumbnails/14.04.10_(27).jpg" alt="14.04.10 (27)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(28).jpg" title="14.04.10 (28)"><img src="data/thumbnails/14.04.10_(28).jpg" alt="14.04.10 (28)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(29).jpg" title="14.04.10 (29)"><img src="data/thumbnails/14.04.10_(29).jpg" alt="14.04.10 (29)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(30).jpg" title="14.04.10 (30)"><img src="data/thumbnails/14.04.10_(30).jpg" alt="14.04.10 (30)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(31).jpg" title="14.04.10 (31)"><img src="data/thumbnails/14.04.10_(31).jpg" alt="14.04.10 (31)"/></a>

<a class="vlightbox" href="data/images/14.04.10_(32).jpg" title="14.04.10 (32)"><img src="data/thumbnails/14.04.10_(32).jpg" alt="14.04.10 (32)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(33).jpg" title="14.04.10 (33)"><img src="data/thumbnails/14.04.10_(33).jpg" alt="14.04.10 (33)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(34).jpg" title="14.04.10 (34)"><img src="data/thumbnails/14.04.10_(34).jpg" alt="14.04.10 (34)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(35).jpg" title="14.04.10 (35)"><img src="data/thumbnails/14.04.10_(35).jpg" alt="14.04.10 (35)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(36).jpg" title="14.04.10 (36)"><img src="data/thumbnails/14.04.10_(36).jpg" alt="14.04.10 (36)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(37).jpg" title="14.04.10 (37)"><img src="data/thumbnails/14.04.10_(37).jpg" alt="14.04.10 (37)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(38).jpg" title="14.04.10 (38)"><img src="data/thumbnails/14.04.10_(38).jpg" alt="14.04.10 (38)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(39).jpg" title="14.04.10 (39)"><img src="data/thumbnails/14.04.10_(39).jpg" alt="14.04.10 (39)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(40).jpg" title="14.04.10 (40)"><img src="data/thumbnails/14.04.10_(40).jpg" alt="14.04.10 (40)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(41).jpg" title="14.04.10 (41)"><img src="data/thumbnails/14.04.10_(41).jpg" alt="14.04.10 (41)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(42).jpg" title="14.04.10 (42)"><img src="data/thumbnails/14.04.10_(42).jpg" alt="14.04.10 (42)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(43).jpg" title="14.04.10 (43)"><img src="data/thumbnails/14.04.10_(43).jpg" alt="14.04.10 (43)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(44).jpg" title="14.04.10 (44)"><img src="data/thumbnails/14.04.10_(44).jpg" alt="14.04.10 (44)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(45).jpg" title="14.04.10 (45)"><img src="data/thumbnails/14.04.10_(45).jpg" alt="14.04.10 (45)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(46).jpg" title="14.04.10 (46)"><img src="data/thumbnails/14.04.10_(46).jpg" alt="14.04.10 (46)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(47).jpg" title="14.04.10 (47)"><img src="data/thumbnails/14.04.10_(47).jpg" alt="14.04.10 (47)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(48).jpg" title="14.04.10 (48)"><img src="data/thumbnails/14.04.10_(48).jpg" alt="14.04.10 (48)"/></a>

<a class="vlightbox" href="data/images/14.04.10_(49).jpg" title="14.04.10 (49)"><img src="data/thumbnails/14.04.10_(49).jpg" alt="14.04.10 (49)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(50).jpg" title="14.04.10 (50)"><img src="data/thumbnails/14.04.10_(50).jpg" alt="14.04.10 (50)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(51).jpg" title="14.04.10 (51)"><img src="data/thumbnails/14.04.10_(51).jpg" alt="14.04.10 (51)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(52).jpg" title="14.04.10 (52)"><img src="data/thumbnails/14.04.10_(52).jpg" alt="14.04.10 (52)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(53).jpg" title="14.04.10 (53)"><img src="data/thumbnails/14.04.10_(53).jpg" alt="14.04.10 (53)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(54).jpg" title="14.04.10 (54)"><img src="data/thumbnails/14.04.10_(54).jpg" alt="14.04.10 (54)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(55).jpg" title="14.04.10 (55)"><img src="data/thumbnails/14.04.10_(55).jpg" alt="14.04.10 (55)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(56).jpg" title="14.04.10 (56)"><img src="data/thumbnails/14.04.10_(56).jpg" alt="14.04.10 (56)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(57).jpg" title="14.04.10 (57)"><img src="data/thumbnails/14.04.10_(57).jpg" alt="14.04.10 (57)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(58).jpg" title="14.04.10 (58)"><img src="data/thumbnails/14.04.10_(58).jpg" alt="14.04.10 (58)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(59).jpg" title="14.04.10 (59)"><img src="data/thumbnails/14.04.10_(59).jpg" alt="14.04.10 (59)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(60).jpg" title="14.04.10 (60)"><img src="data/thumbnails/14.04.10_(60).jpg" alt="14.04.10 (60)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(61).jpg" title="14.04.10 (61)"><img src="data/thumbnails/14.04.10_(61).jpg" alt="14.04.10 (61)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(62).jpg" title="14.04.10 (62)"><img src="data/thumbnails/14.04.10_(62).jpg" alt="14.04.10 (62)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(63).jpg" title="14.04.10 (63)"><img src="data/thumbnails/14.04.10_(63).jpg" alt="14.04.10 (63)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(64).jpg" title="14.04.10 (64)"><img src="data/thumbnails/14.04.10_(64).jpg" alt="14.04.10 (64)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(65).jpg" title="14.04.10 (65)"><img src="data/thumbnails/14.04.10_(65).jpg" alt="14.04.10 (65)"/></a>

<a class="vlightbox" href="data/images/14.04.10_(66).jpg" title="14.04.10 (66)"><img src="data/thumbnails/14.04.10_(66).jpg" alt="14.04.10 (66)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(67).jpg" title="14.04.10 (67)"><img src="data/thumbnails/14.04.10_(67).jpg" alt="14.04.10 (67)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(68).jpg" title="14.04.10 (68)"><img src="data/thumbnails/14.04.10_(68).jpg" alt="14.04.10 (68)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(69).jpg" title="14.04.10 (69)"><img src="data/thumbnails/14.04.10_(69).jpg" alt="14.04.10 (69)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(70).jpg" title="14.04.10 (70)"><img src="data/thumbnails/14.04.10_(70).jpg" alt="14.04.10 (70)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(71).jpg" title="14.04.10 (71)"><img src="data/thumbnails/14.04.10_(71).jpg" alt="14.04.10 (71)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(72).jpg" title="14.04.10 (72)"><img src="data/thumbnails/14.04.10_(72).jpg" alt="14.04.10 (72)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(73).jpg" title="14.04.10 (73)"><img src="data/thumbnails/14.04.10_(73).jpg" alt="14.04.10 (73)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(74).jpg" title="14.04.10 (74)"><img src="data/thumbnails/14.04.10_(74).jpg" alt="14.04.10 (74)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(75).jpg" title="14.04.10 (75)"><img src="data/thumbnails/14.04.10_(75).jpg" alt="14.04.10 (75)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(76).jpg" title="14.04.10 (76)"><img src="data/thumbnails/14.04.10_(76).jpg" alt="14.04.10 (76)"/></a>
<a class="vlightbox" href="data/images/14.04.10_(77).jpg" title="14.04.10 (77)"><img src="data/thumbnails/14.04.10_(77).jpg" alt="14.04.10 (77)"/></a><a id="vlb" href="http://visuallightbox.com">jQuery Thumbnails by VisualLightBox.com v3.1</a><script src="engine/js/visuallightbox.js" type="text/javascript"></script>
        </div>
        <!-- End VisualLightBox.com BODY section -->


<br> <a href="Bilder.html"> <p align="center"> Zurück zur Galerie Übersicht </p></a>

</font></font>

    </font>
    </td>
   </tr>
  </table>

  </td>
 </tr>
 <tr>
  <td background="HGu.png"> <br><br> </td>
 </tr>
</table>


  </td>
 </tr>
</table>


</body>
</html>

ALiinaFaBii · 19.04.2010

AW: Visual Lightbox - Brauche Hilfe

Habe ja extra ein Programm genommen, wo das Kinderleicht geht.
Und es ging ja auch. Nur auf einmal ist die Galerie so komisch.

villharmonic · 19.04.2010

AW: Visual Lightbox - Brauche Hilfe

<link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />

hier wird doch auf eine "visuallightbox.css" verwiesen, also musst Du die auch sauber mit einbinden - oder hast Du die noch gar nicht dabei?

Clemens

ALiinaFaBii · 19.04.2010

AW: Visual Lightbox - Brauche Hilfe

In dem Quelltext von der fertig geladenen Galerie ist nur html.

cebito · 19.04.2010

AW: Visual Lightbox - Brauche Hilfe

villharmonic schrieb:
hier wird doch auf eine "visuallightbox.css" verwiesen, also musst Du die auch sauber mit einbinden - oder hast Du die noch gar nicht dabei?

Clemens

Hättest du dir die Mühe gemacht den Pfad nachzuvollziehen, hättest du gesehen, das da alles stimmt. Wie auch mit allen anderen eingebundenen Dateien.

@ - Da die Gallery vorher problemlos lief gibt es möglicherweise einen Konflikt mit den "sponsorads"-Scripten, die auf deiner Seite unten eingebunden sind.

ALiinaFaBii · 19.04.2010

AW: Visual Lightbox - Brauche Hilfe

Für mich sieht da so jetzt alles richtig aus. Andere sehen wahrscheinlich eher nen Fehler, als man selbst.

Aber eigentlich muss es ja auf meiner Seite ein Fehler sein, weil wenn ich die Galerie dann hoch geladen habe und die mir dann Angezeigt wird, geht alles.

Wenn ich sie dann in meine Hp einbinde, fängt sie so an zu spinnen.

Finde es nur komisch das sie ging und dann auf einmal dieser Fehler kam, ich hatte auch nichts Verändert.

Steve1405 · 19.04.2010

AW: Visual Lightbox - Brauche Hilfe

Wenn du das, was ich oben schon beschrieben habe, in deiner CSS-Datei veränderst, dann funktioniert die Galerie auf jeden Fall wieder... Und das ist an sich ja keine große Veränderung..

ALiinaFaBii · 19.04.2010

AW: Visual Lightbox - Brauche Hilfe

Steve1405 schrieb:
Wenn du das, was ich oben schon beschrieben habe, in deiner CSS-Datei veränderst, dann funktioniert die Galerie auf jeden Fall wieder...

Ich habe aber kein CSS.

Ich habe eben mal einfach ein neues Dokument geöffnet. Ich habe nix dort eingefügt. Keinen Text, keine Tabelle, nix.

Habe dann nur im Head und Body Bereich die jeweiligen Sachen eingefügt, die ich aus dem Quelltext von der Galerie kopiert hatte.

Ja und dann ging die Galerie.. :hmpf:

Steve1405 · 19.04.2010

AW: Visual Lightbox - Brauche Hilfe

Du verwendest vielleicht selbst kein CSS, aber die Galerie, welche du einbindest, tut das.
Du musst einfach nur die visuallightbox.css im Ordner engine/css/ öffnen und die folgende Stelle verändern:

Code:

#prevLinkImg, #nextLinkImg{
    width:49%;
    height:100%;
    background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
    display:block;
    text-indent:-9999px;
    [B]opacity: 0;[/B]
}

Ich vermute mal, dass es wie vorher schon gesagt wurde, an dem eingebundenen Werbungs-Script liegt.. Vll. weißt das einigen Elementen einen Wert für opacity zu. Und wenn du das in die CSS-Datei einfügst, dann wird dieser Wert halt überschrieben.

sokie · 20.04.2010

AW: Visual Lightbox - Brauche Hilfe

ALiinaFaBii schrieb:
Ich habe aber kein CSS.

das ist falsch. Du hast zwar nicht viel css, aber das was du hast, ist genau für dein Problem zuständig.

Code:

<style type="text/css">
A:link{COLOR: #213713; TEXT-DECORATION: none;background-color: #ffffff;}
A:visited{COLOR: #213713; TEXT-DECORATION: none;background-color: #ffffff;}
A:active{COLOR: #ffffff; TEXT-DECORATION: none;background-color: #9FC468;}
A:hover{COLOR: #ffffff; TEXT-DECORATION: none;background-color: #9FC468;}
</STYLE>

Das führt dazu, dass alle Links in der Seite einen weissen Hintergrund bekommen, also auch die in der Lightbox (für die eigentlich keine Hintergrundfarbe definiert ist/sein darf.)
Am besten wäre, wenn du für die Tabellenzelle in der die Links sind, die den weissen Hintergrund brauchen eine id vergibst und die style Anweisungen genau auf diese id (a) beschränkst.

villharmonic · 20.04.2010

AW: Visual Lightbox - Brauche Hilfe

Ich habe aber kein CSS.

Genau das fehlt Dir und deswegen funktionierts nicht!

Clemens

ALiinaFaBii · 20.04.2010

AW: Visual Lightbox - Brauche Hilfe

sokie schrieb:
das ist falsch. Du hast zwar nicht viel css, aber das was du hast, ist genau für dein Problem zuständig.

Code:

<style type="text/css"> A:link{COLOR: #213713; TEXT-DECORATION: none;background-color: #ffffff;} A:visited{COLOR: #213713; TEXT-DECORATION: none;background-color: #ffffff;} A:active{COLOR: #ffffff; TEXT-DECORATION: none;background-color: #9FC468;} A:hover{COLOR: #ffffff; TEXT-DECORATION: none;background-color: #9FC468;} </STYLE>

Das führt dazu, dass alle Links in der Seite einen weissen Hintergrund bekommen, also auch die in der Lightbox (für die eigentlich keine Hintergrundfarbe definiert ist/sein darf.)
Am besten wäre, wenn du für die Tabellenzelle in der die Links sind, die den weissen Hintergrund brauchen eine id vergibst und die style Anweisungen genau auf diese id (a) beschränkst.

Danke. Das lag wirklich daran.

Danke Danke.

ALiinaFaBii · 20.04.2010

AW: Visual Lightbox - Brauche Hilfe

Ich wollte es jetzt so machen, dass ich eine Tabelle mache, in der die Galerie ist und diese Tabelle ohne Text Decoration ist.

Nur stehe ich grad voll auf dem Schlauch.

Dachte so würde es vielleicht klappen. Ich kenne mich mit Text-decoration jetzt nicht so aus.

HTML:

  <table width="800" border="0" cellpadding="0" cellspacing="" align="center" style="text-decoration: none;">
   <tr>
    <td>

<b><font color="#39321A">
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
</font></b> <br><br> <font color="#1D1708">

    <font size=""><font color="#402f27"> <br>

    10.04.10 - Enya und ihre geliebte Beißwurst <br><br>


        <!-- Start VisualLightBox.com BODY section -->

        <div id="vlightbox">
        <a class="vlightbox" href="data/images/10.04.10_(1).jpg" title="10.04.10 (1)"><img src="data/thumbnails/10.04.10_(1).jpg" alt="10.04.10 (1)"/></a>
<a class="vlightbox" href="data/images/10.04.10_(2).jpg" title="10.04.10 (2)"><img src="data/thumbnails/10.04.10_(2).jpg" alt="10.04.10 (2)"/></a>
<a class="vlightbox" href="data/images/10.04.10_(3).jpg" title="10.04.10 (3)"><img src="data/thumbnails/10.04.10_(3).jpg" alt="10.04.10 (3)"/></a>
<a class="vlightbox" href="data/images/10.04.10_(4).jpg" title="10.04.10 (4)"><img src="data/thumbnails/10.04.10_(4).jpg" alt="10.04.10 (4)"/></a>
<a class="vlightbox" href="data/images/10.04.10_(5).jpg" title="10.04.10 (5)"><img src="data/thumbnails/10.04.10_(5).jpg" alt="10.04.10 (5)"/></a>
<a class="vlightbox" href="data/images/10.04.10_(6).jpg" title="10.04.10 (6)"><img src="data/thumbnails/10.04.10_(6).jpg" alt="10.04.10 (6)"/></a>
<a class="vlightbox" href="data/images/10.04.10_(7).jpg" title="10.04.10 (7)"><img src="data/thumbnails/10.04.10_(7).jpg" alt="10.04.10 (7)"/></a>
<a class="vlightbox" href="data/images/10.04.10_(8).jpg" title="10.04.10 (8)"><img src="data/thumbnails/10.04.10_(8).jpg" alt="10.04.10 (8)"/></a>
<a class="vlightbox" href="data/images/10.04.10_(9).jpg" title="10.04.10 (9)"><img src="data/thumbnails/10.04.10_(9).jpg" alt="10.04.10 (9)"/></a><a id="vlb" href="http://visuallightbox.com">jQuery Thumbnails by VisualLightBox.com v3.1</a><script src="engine/js/visuallightbox.js" type="text/javascript"></script>
        </div>
        <!-- End VisualLightBox.com BODY section -->


<br> <a href="Bilder.html"> <p align="center"> Zurück zur Bildergalerie </p></a>

</font></font>

    </font>
    </td>
   </tr>
  </table>

Luziefer · 28.08.2010

AW: Visual Lightbox - Brauche Hilfe

hi,
mir würde schlecht werden bei dieser ellenlangen liste.
Warum lagert ihr diese sachen nicht aus?

kleiner vorschlag:
dise schache an stelle der ganzen bilder einfügen, brauchste eh nicht die lange liste von bildern.

also von hier

bis hier

schaut danach so aus


<script src="js/jquery.min.js" type="text/javascript"></script>
<div id="vlightbox">

<script type="text/javascript">

$.get("ImageListAlben.php?album=ALBUMNAMEl", function(data){
document.getElementById('vlightbox').innerHTML = data;
$.getScript("js/visuallightbox.js");
});

</script>
<script src="js/visuallightbox.js" type="text/javascript"></script>


für ALBUMORDNER ein eindeutigen namen der Galerie angeben und ein unterordner thumbnails dort braucht man nur ein Vorschaubild speichern, das reicht.

dann nurnoch eine ImageListAlben.php erstellen aber bitte im ROOT verzeichniss

<?php

$album = $_GET['album'];
$album = str_replace('.','_',$album);
$album = str_replace('/','_',$album);
$dir = 'album/'.$album.'/';

function list_dir($dirname) {
$result_array = array();
$handle=@opendir($dirname);
if ($handle != false) {
while ($file=readdir($handle))
{
if ($file=='thumbnails')
$result_array['thumbnails']=list_dir($dirname.$file.'/');

if (is_dir($dirname.$file))
continue;

$result_array[]=array('URL'=>$dirname.$file,'BILD'=>$file);
}
closedir ($handle);
}
return $result_array;
}

$adir = list_dir($dir) ;

// suche das erste Bild ...
foreach ($adir as $k => $dir) {
if ($dir['BILD'] == $adir['thumbnails'][0]['BILD']) {
$tn = '<img src="'.$adir['thumbnails'][0]['URL'].'" alt="'.$adir['thumbnails'][0]['BILD'].'">';
echo '<a class="vlightbox" href="'.$dir['URL'].'" title="'.$dir['BILD'].'">'.$tn.'</a>'."\r\n";
unset($adir[$k]);
}
}
unset($adir['thumbnails']);
foreach ($adir as $dir) {
echo '<a class="vlightbox" href="'.$dir['URL'].'" title="'.$dir['BILD'].'"></a>'."\r\n";
}

und das wars dann auch schon. Nun sollte er sich die Bilder selber aus dem Ordner wo die bilder enthalten sind selber laden.

ich habe mein Ordner album benannt und dort nurnoch die bilderordner erstellt das wars
nun nuss ich nicht mehr im Quelltext hantieren um eine kleine sache zu ändern.

ok ich habe es gleich probeweise mit mehrern Galerien versucht was aber noch nicht zu 100% funzt. Fehlersuche noch machen. aber als vorschau geht das schon

sorry wenn es so kaotisch ausschaut.