Lightbox Info feature

[visio]

Suche eine Jquery Lightbox die es ermöglicht weitere Infos zum gezeigten Bild einzufügen. Ich rede jetzt nicht von der Möglichkeit unter dem Bild eine kurze Info einzublenden.

Gutes Beispiel ist facebook. Sobald man ein Bild anklickt, hat man rechts davon eine weiße Box mit Kommentaren. So was suche ich nur, dass die Box mit Infos zum Bild und nicht mit Kommentaren befüllt wird.

Hier nochmal die Aufteilung:

 

[freejay]

AW: Lightbox Info feature

Suche eine Jquery Lightbox die es ermöglicht weitere Infos zum gezeigten Bild einzufügen. Ich rede jetzt nicht von der Möglichkeit unter dem Bild eine kurze Info einzublenden.

Das ist ein wenig widersprüchlich.

Du kannst doch bei den meisten jquery lightbox scripts einfach den Infobereich der sich normal meist unter dem Bild befindet per CSS neben das Bild verschieben und dann beliebige Inhalte inkl. Links usw. reinposten?!

Schau mal bei http://jquerytools.org/ da gibt es viele Beispiele in der Art! (Unter dem Punkt Overlay)

 

[visio]

AW: Lightbox Info feature

Alle jQuery Lightboxen, die ich gefunden habe und es waren einige, ließen nur in den title tag eine Beschreibung eintragen. Die Empfehlung von dir ist aber genau das was ich lange gesucht habe. Vielen Dank dafür.

Kennst du noch eine Alternative?
Mir fehlt dort eine Funktion, und zwar würde ich gerne mehrere Bilder zu einer Gruppe zusammenfassen so das man sich mit Navigations Pfeilen durchklicken kann.

 

[Jonnsn]

AW: Lightbox Info feature

Hi,

Bei Fancybox kannst du den Titel auch via JS setzen
siehe: http://fancyapps.com/fancybox/#docs -> title
da geht beliebiges HTML und per CSS lässt sich das auch positionieren wie man mag. Ich denke das sollte bei den meisten anderen auch so möglich sein.

Gruß

Edith sagt: Außerdem lässt sich auch als Inhalt HTML oder notfalls ein iframe setzen - damit kannst auf jeden Fall einen zweispaltigen Aufbau mit Beschreibungsspalte umsetzen, auch per AJAX.

 

[visio]

AW: Lightbox Info feature

Auf eine HTML oder AJAX feature möchte ich verzichten, es handelt sich um eine recht umfangreiche Gallery, da müsste ich sehr viele Unterseiten erstellen.

Das mit dem title Tag finde ich sehr interessant, was muss ich dort eintragen damit ich es mit css formatieren kann?

 

[Jonnsn]

AW: Lightbox Info feature

Das mit dem title Tag finde ich sehr interessant, was muss ich dort eintragen damit ich es mit css formatieren kann?

Das was du willst... allerdings nicht in den title Tag sondern in die Eigenschaft der Fancybox
z.B.:

<script type="text/javascript">     $(document).ready(function() {         $(".myGallery").fancybox({
            title: '<div class="meineCssKlasse" >Hier steht irgendwas zum Bild</div>'         });     }); </script>

Das HTML ließe sich natürlich auch aus anderen, bereits bestehenden Elementen herausziehen:

 <script type="text/javascript">     $(document).ready(function() {         $(".myGallery").fancybox({
            title: $('#meinDivMitVorlage').html()         });     }); </script>

Der Content ließe sich übrigens genauso setzen - dazu muss du kein Ajax oder andere Seiten verwenden. Nur heißt die Eigenschaft dann eben content statt title.

 

[visio]

AW: Lightbox Info feature

Ok, soweit verstehe ich das.
Was mache ich wenn ich 10 verschiedene klickbare Bilder mit unterschiedlichen Texten habe? Würde ich jedes mal eine andere class anlegen z.B. class="Bild1", class="Bild2" usw?


<script type="text/javascript"> $(document).ready(function() { $(".myGallery").fancybox({ title: '<div class="Bild1" >Hier steht irgendwas zum Bild</div>' }); }); </script>

<script type="text/javascript"> $(document).ready(function() { $(".myGallery").fancybox({ title: '<div class="Bild2" >Hier steht irgendwas zum Bild</div>' }); }); </script>

 

[Jonnsn]

AW: Lightbox Info feature

Das hängt davon ab was du machen willst. Eigentlich ist eine Klasse eher etwas was mehrere gemeinsam haben. Wenn es nur für 1 Bild gelten soll wäre eine ID wohl passender.
Woher sollen denn deine Texte in der rechten Spalte überhaupt kommen?

Schau dir mal das hier an:
http://stackoverflow.com/a/9893678
bzw genauer:
http://www.picssel.com/playground/jquery/fancyboxALAfacebook_26Mar12.html
das dürfte deinen Geschmack ziemlich treffen ;-)

 

[visio]

AW: Lightbox Info feature

Der Text dient zur Beschreibung des jeweiligen Bildes, mit eventuellen link, den würde ich manuell eintragen.

Ja genau, sowas habe ich gesucht, danke .
Leider gibt es dazu keine nähere Beschreibung, ich hoffe ich krieg das hin.