Eigene Bilder in Content responsive mit Gambio-Lightbox darstellen...

Es gab im Forum schon den einen oder anderen Thread dazu, aber soweit ich es recherchiert habe ohne Lösung...

Ich möchte z.B. in der Kategoriebeschreibung Bilder integrieren, die auf Klick mit der Gambio-eigenen Lightbox Bildschirmfüllend dargestellt werden sollen, da ganze natürlich responsive.

Geht das mit Bordmitteln oder muss ich tatsächlich dafür noch mal eine JavaScript Lightbox oder ähnliches einbauen? Das Ganze ist ja eigentlich schon in Gambio drin, muss ja nur auf die richtige Art und Wiese aufgerufen werden, denke ich.
Weiss jemand wie?

 

Echt keiner eine Idee? Ist das tatsächlich so kompliziert?

 

Danke, dann probiere ich doch mal diesen von Dir dort beschriebenen etwas aufwändigeren Code aus, ich hatte die Hoffnung, dass es mittlerweile irgendwie einfacher gehen würde

 

So, ich wäre eigentlich endlich so weit, Bilder einzubinden wie in dem Thema beschrieben. Bevor ich aber loslege wollte ich mal nachhaken:
Ich bin immer noch auf Version 3.14.3.0
Hat sich bezüglich der Nutzung der Lightbox im Verlauf der Versionen zur aktuellsten Version GX4 4.1.1.2 etwas geändert, dass die Nutzung der Lightbox bei eigenem Content vereinfachen würde, oder muss ich immer noch den "komplizierten" Weg gehen?

HTML:

<div class="row">
           <!-- Button, der das Modal-1 aufruft -->
            <div class="test-modal col-xs-6">
                <p>Test Modal-Popup</p>
                <a data-target="#meinModal1" data-toggle="modal" style="cursor:pointer;">
                    <img alt="bild-klein" class="img-responsive" src="images/test-bild5.jpg" title="Test-Bild-1" />
                </a>
            </div>
            <!-- Modal - Popup -->
            <div class="modal"  tabindex="-1" id="meinModal1" >
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button class="close" data-dismiss="modal" type="button">&times;</button>
                            <h4 class="modal-title" >Test Bild 1</h4>
                        </div>
                        <div class="modal-body">
                            <img alt="test" class="img-responsive" src="images/test-bild5.jpg" title="test" />
                        </div>
                    </div>
                </div>
            </div>       

            <!-- Button, der das Modal-2 aufruft -->
            <div class="test-modal col-xs-6"><br>
                <p>Test Modal-Popup</p>
                <a data-target="#meinModal2" data-toggle="modal" style="cursor:pointer;">
                    <img alt="bild-klein" class="img-responsive" src="images/test-bild6.jpg" title="Test-Bild-2" />
                </a>
            </div>
            <!-- Modal - Popup von oben einschwebend-->
            <div class="modal fade" id="meinModal2" >
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button class="close" data-dismiss="modal" type="button">&times;</button>
                            <h4 class="modal-title" >Test Bild 2</h4>
                        </div>
                        <div class="modal-body">
                            <img alt="test" class="img-responsive" src="images/test-bild6.jpg" title="test2" />
                        </div>
                    </div>
                </div>
            </div>
   
      </div>

Wäre evtl. ein weiterer Grund upzudaten.

Aber: Ich möchte, falls ich Update bei StyleEdit3 bleiben, damit es keine Probleme mit meinem netdexx-Theme gibt...

 

Das geht mit dem obigen HTML Code schon ganz gut. Alternativ könntest Du die Grössentabelle auch in einen eigenen TAB packen.