Slideshow (im "Bilderalbum") ohne Verlinkung auf vergrößerte Bilder als Popup möglich! (Zwischen-)LÖSUNG

ruster.MEDIA

Hallo liebes Zeta-Team,

in der 12.5er Version gibt es ja kein eigenes Widget "Slideshow" mehr, es ist jetzt im "Bilderalbum" integriert.

Das funktioniert auch prima. Was (mich) nur stört, ist, dass die Bilder (wie im Bidleralbum) verlinkt sind; beim Klick auf die Einzelbilder der Slideshow öffnet sich in einem neuen Fenster das "Große Bild".

Gibt es eine Möglichkeit, das zu unterdrücken? Dass man also nur die Bilder in der Slideshow SIEHT, diese aber nicht anklicken und vergrößern kann?

Das wäre super, bin gespannt.

Liebe Grüße

Sunny

Steffen T.

Hallo Sunny,

derzeit gibt es hierfür keine Option. Evtl. nehmen wir das aber als Feature auf.

Rick

Ich würde mich dem Wunsch/Vorschlag anschließen.

Grüße
Rick

sy67

Ich auch!

ruster.MEDIA

Hallo zusammen,

und es geht doch - und zwar so:

1. Widget "Bilderalbum" erstellen, die gewünschten "Bilder hinzufügen", "Slideshow" auswählen, Einstellungen "Slideshow" vornehmen

2. Seiten in lokaler "Vorschau" anschauen, prüfen, ob ok, wenn ja:

3. Im Browser der lokalen Vorschau "Seitenquelltext anzeigen" lassen und im Quelltext die Passagen mit dem Bilderalbum in Word oder eine leere E-Mail zwischenkopieren, z. B.:

Code

<div style="width: 960px; height: 1195px;">
                                <div style="position:relative; width:960px; height:1195px;" id="igal1455" class="zpImageGallery zpSlideshow"
                                        data-width="960"
                                        data-height="auto"
                                        data-maxheight="1195"
                                        data-margin="0"
                                        data-bordercolor="transparent"
                                        data-borderwidth="0"
                                        data-pauseonhover="1"
                                        data-numbershow="0"
                                        data-titleshow="0"
                                        data-titleposition="off"
                                        data-transition="elastic"
                                        data-inner-transition="white"
                                        data-slideshow="true"
                                        data-slideshowinterval="3">





<div class="slide" style="position:absolute; width:NaNpx; height:px; overflow:hidden; z-index:100; z-index: 102;">
<a class="fancybox" href="media/images/bild1.jpg" title="" data-fancybox-group="1455" rel="1455">







<img style="max-width:100%; height:auto" src="media/images/thumbnails/bild1.jpg" title="" alt="" />
                                                </a>

                                        </div>




                                        




<div class="slide" style="position:absolute; width:NaNpx; height:px; overflow:hidden; z-index:100; opacity: 0;">
<a class="fancybox" href="media/images/bild2.jpg" title="" data-fancybox-group="1455" rel="1455">




                                                        <img style="max-width:100%; height:auto" src="bild2.jpg" title="" alt="" />
                                                </a>

                                        </div>




                                        




                




                                </div>
                        </div>

Alles anzeigen

4. Dann von allen Bildern JEWEILS die kompletten Zeilen mit <a class="fancybox" ...> und das </a> entfernen, also z. B. so:

Code

<div style="width: 960px; height: 1195px;">
                                <div style="position:relative; width:960px; height:1195px;" id="igal1455" class="zpImageGallery zpSlideshow"
                                        data-width="960"
                                        data-height="auto"
                                        data-maxheight="1195"
                                        data-margin="0"
                                        data-bordercolor="transparent"
                                        data-borderwidth="0"
                                        data-pauseonhover="1"
                                        data-numbershow="0"
                                        data-titleshow="0"
                                        data-titleposition="off"
                                        data-transition="elastic"
                                        data-inner-transition="white"
                                        data-slideshow="true"
                                        data-slideshowinterval="3">





<div class="slide" style="position:absolute; width:NaNpx; height:px; overflow:hidden; z-index:100; z-index: 102;">







<img style="max-width:100%; height:auto" src="media/images/thumbnails/bild1.jpg" title="" alt="" />

                                        </div>




                                        




<div class="slide" style="position:absolute; width:NaNpx; height:px; overflow:hidden; z-index:100; opacity: 0;">




                                                        <img style="max-width:100%; height:auto" src="bild2.jpg" title="" alt="" />

                                        </div>

Alles anzeigen

5. Den geänderten Quelltext kopieren, neues Widget "Quelltext" erstellen und den kopierten, geänderten Quelltext dort einfügen.

6. Das ursprüngliche Widget "Bilderalbum" ausblenden (für spätere Änderungen/Ergänzungen)

7. Vorschau checken, wenn ok,extern publizieren. Es funktioniert, habe beides getestet!

Wichtig ist natürlich, dass die Bilder in den angegebenen Pfaden existieren. Ggf. kann man auch einen eigenen Ordner anlegen, die Bilder dort hinterlegen und diese dann im Quelltext extern laden,
z. B.: src=http://www.domain.de/slide/bild1.jpg.

Das war's. Gut, oder?

Liebe Grüße

Sunny

Slideshow (im "Bilderalbum") ohne Verlinkung auf vergrößerte Bilder als Popup möglich! (Zwischen-)LÖSUNG

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?