Wie kann ich für die Bildergallery Lightbox verwenden?

Hallo Leute, ich hab mal eine Frage zu der tollen Möglichkeit eine Gallerie mit Lightbox zu realisieren.

Zuerst muss ich sagen ich bin kein Profi (sicherlich schon erkenntlich anhand der Frage :D)

Also ich würde gerne wissen wie ich Lightbox verwenden muss um den gewünschen Effekt zu erziehen. Sprich, wie muss ich vorgehen um meine Bilder derart darstellen zu können? Und was muss mein Anbieter an Skripten haben damit es funktioniert, oder läuft das mit java sowieso auf der "lokalen" Maschine?

Wäre wirklich sehr für Tipps und Hilfe dankbar.

Lg

so, rückmeldung

vorweg mal danke für den tip an bandit und auch danke an synaptic für den hinweis

ALSOOO, ich habs jetzt wirklich so hingebracht wie ich es wollte, sogar mit imageset etc. Problem es funktioniert einwandfrei wenn ich es lokal betrachte, sprich direkt im expression web, oder im browser, NUR wenn ich es auf den webspace lade nichtmehr. Darum 2 Fragen.

1. Muss mein Webspace für lightbox irgendwelche scrips haben oder läuft das mit java sowieso später auf der lokalen Maschine und somit bei jeder der java hat, sprich der webspace ist völlig egal??

2. wenn 1 zutreffen sollte wirds wohl (jaja ich lern dazu und denk auch selber :)) an der adressierung liegen, ich habs nämlich so:

<a href="images/gallery1.jpg" style="display:none" rel="lightbox[gallery]">Bild #1</a>

und denke es sollte wohl so sein:

<a href="http://www.meinedomain.de/images/gallery1.jpg" style="display:none" rel="lightbox[gallery]">Bild #1</a>

?? oder bin ich banane

Danke, lg

daneben geraten aber trotzdem vielen dank für die antwort.

hab den fehler soeben gefunden, kanns mir ned so richtig erklären, ABER es funkt jetzt problem was die bezeichnung der bilder, ich hatte zwar keine sonderzeichen oder so, aber ich musste die bilder von zb. bild.JPG auf bild.jpg ändern.

anscheinend mag der server großschreibung in der endung nicht.

eine FRAGE hätte ich aber trotzdem, wie ist es möglich die hintergrund farbe der lightbox (derzeit weiss) an die farbe der HP anzupassen? müsste ich dazu in lightbox.css was ändern? und was ich find die hintergrundfarbe ned :(?

vielen dank trotzdem, lg

ja, da hast du vollkommen recht. das wusst ich leider nicht

aber jetzt gehts immerhin.

was noch superschön wäre, wenn ich die farbe der lightbox ändern könnte. ich hab leider ka. ob das geht, aber alle versuche von mir in der lightbox.css was zu ändern haben leider fehlgeschlagen.

hat vl. wer einen tip?

hier die css der lightbox:

#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../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; }

hallo driver, vielen dank für die antwort. ich bin zwar kein profi, aber das background-color für die hintergrundfarbe steht wusste ich. mein problem ist ja, dass egal was ich ändere sich an der lightbox eben 0 ändert. ka warum das so ist hab schon alles versucht

so, hab das problem gefunden, vorweg mal danke an driver und synaptic.

und zu bandit möchte ich nur sagen ich bitte dich mal um etwas mehr nachsicht und geduld. ich bin in solchen sachen nunmal kein profi, aber ich gebe mein bestes und setze jeden tip den ich hier erhalte in der praxis um, ich wills ja auch lernen. wenn ich alles schon fertig haben wollen würde würde ich mir dafür jemanden bezahlen, am geld scheiterts bei mir nicht!

nun mal zum problem, ich weiß es ist peinlich, aber ich hab ihn lange ned gefunden, problem war ich hab zwar die richtigen werte im lightbox.css geändert, aber ich habe die pfade vorher (als ich probleme mit dem anziegen am webspace hatte) um die domain ergänzt, natürlich hat er jetzt offline nicht auf das geänderte css zugreifen können.

ich entschuldige mich für die dummheit, danke nochmal

ja das glaub ich dir gerne das es viele leute gibt die sich denke lass die hier nur machen, aber soeiner bin ich definitiv nicht, ich bin wohl eher ein trottel :))))

aber nochmal ne frage zu der lightbox. ich habe schon viel im web gesucht, aber nichts in die richtung entdecken können. und zwar würde ich gerne wissen ob es möglich ist vorschaubilder in der lightbox anzuzeigen, ich mein jetzt kein thumb beim link oder so, sondern wenn die lightbox zb. bild 5 anzeigt, dass ich zb. unten in klein schon die vorschau für bild 6,7,8 usw. sehe?

geht sowas? und wenn ja , kann man sowas realisieren ohne 3 dr. in java zu haben.