Fluid Image per Click in Lightbox öffnen

  • downset downset
    Sternenflotten-Admiral
    0 x
    214 Beiträge
    0 Hilfreiche Beiträge
    06. 10. 2012, 14:48

    Hi zusammen!

    Kann man ein Bild aus einem FLUID Tempalte einfach per Click in die Lightbox laden?

    Mein Template sieht so aus:

    1. <f:layout name="default" />
    2. <f:section name="main">
    3. <h1>{field.ueberschrift}</h1><br />
    4. <f:image src="uploads/pics/{field.bild1}" alt="foo" title="{field.bild1}" maxHeight="" />
    5. <br />
    6. <br />
    7. <f:format.html>{field.beschreibung}</f:format.html><br />
    8. <f:image src="uploads/pics/{field.bild2}" alt="foo" title="{field.bild2}" maxHeight="22" />
    9. <f:image src="uploads/pics/{field.bild3}" alt="foo" title="{field.bild3}" maxHeight="22" />
    10. <f:image src="uploads/pics/{field.bild4}" alt="foo" title="{field.bild4}" maxHeight="22" />
    11. <f:image src="uploads/pics/{field.bild5}" alt="foo" title="{field.bild5}" maxHeight="22" />
    12.  
    13.  
    14. </f:section>

    Ich nutze für eigene CEs die Ext. dec also ohne tv.

    Danke für jede Hilfe!

    Gruß

    jens


  • 1
  • dyne dyne
    Jedi-Ritter
    0 x
    143 Beiträge
    0 Hilfreiche Beiträge
    09. 10. 2012, 14:19

    Nutzt du schon eine TYPO3-Extension für die Lightbox?

    Normalerweise sieht das Markup für ein in der Lightbox anzeigbares Bild ungefähr so aus:

    1. <a href="http://example.com/url-zum-grossen-bild.jpg" class="lightbox">
    2. <img src="http://example.com/url-zum-kleinen-bild.jpg" alt="" title="Klicken zum Vergrößern" />
    3. </a>

    Du musst selbst sehen wie genau das Markup aussieht, dass deine Lightbox braucht und das dann entsprechend in Fluid nachbauen.

  • downset downset
    Sternenflotten-Admiral
    0 x
    214 Beiträge
    0 Hilfreiche Beiträge
    09. 10. 2012, 14:55

    Supi Danke! Habe es gestern allerdings schon selbst lösen können :-)

    War nur etwas spät und da hatte ich meinen Eintrag hier noch nicht aktualisiert.

    trotzdem Vielen Dank!

  • 1