Shopsystem ShopPilot Shoploesung Diskussionen und Infos zum Shopsystem ShopPilot
Willkommen Gast. Bitte einloggen oder registrieren.
Mai 20, 2013, 10:13:56

Einloggen mit Benutzername, Passwort und Sitzungslänge
Suche:     Erweiterte Suche
5412 Beiträge in 1474 Themen von 334 Mitglieder
Neuestes Mitglied: tigger
* Übersicht Hilfe Login Registrieren
+  Diskussionen und Infos zum Shopsystem ShopPilot
|-+  ShopPilot
| |-+  Aktuelle FAQ - Häufige Fragen
| | |-+  Produktbilder in einer Lightbox auf Shopseiten darstellen		 0 Mitglieder und 1 Gast betrachten dieses Thema. « vorheriges nächstes »
Seiten: 1 [2] Drucken
Autor Thema: Produktbilder in einer Lightbox auf Shopseiten darstellen  (Gelesen 13522 mal)
dobra
Global Moderator
Hero Member
*****

Lob: 18
Offline Offline

Beiträge: 1245


WWW
« Antwort #15 am: September 06, 2009, 11:42:32 »
Hallo Dani,

das passt schon so mit den Links
Du schreibst das
Code:
<a href="../__BILDZOOM1__" rel="lightbox[roadtrip]">Bild #1</a>
<a href="../__BILDZOOM2__" rel="lightbox[roadtrip]">Bild #2</a>
<a href="../__BILDZOOM3__" rel="lightbox[roadtrip]">Bild #3</a>
an die Stelle wo der Link angezeigt werden soll.
Klickt man auf einen der Links (egal welchen) kann man dann alle Bilder in der Lightbox weiterblättern.

Guck mal da (ist zwar hier die Produktseite - funktioniert aber genauso)
auf irgendein "zoom"-Icon klicken und dann kannst Du mit "weiter" oder "zurück" alle Bilder in der Box anschauen.

P.S.: diese Links sind einfaches HTML die Du wie jeden anderen Link an beliebiger Stelle in der Vorlage einbauen kannst
(müssen auch nicht alle beisammen stehen - s. dem Einbau im loopitem-Bereich)
statt dem Textlink "Bild #1" kannst Du auch beliebige Icons oder Thumbnails verwenden

P.PS.:  Dein erstes Bild ist dann   ../__BILDZOOM__ wenn Du dann noch BILDZOOM1, BILDZOOM2 und BILDZOOM3 angelegt hast
Gespeichert
mfG
dobra
______________________________
www.shoppilot.at - Sitemap
www.woll-insel.at - Sitemap
www.wolle-online.eu - Sitemap
Mobile Shop:
www.woll-insel.mobi
www.wolle-online.mobi
schoenebeine.ch
Newbie
*

Lob: 0
Offline Offline

Beiträge: 29
« Antwort #16 am: September 06, 2009, 11:57:29 »
Vielleicht zur besseren Verständlichkeit, hier der HTML Code aus meiner Seite:

<a href="../__BILDZOOM__" rel="lightbox[roadtrip]"><img src="../images/other/zoom.png" alt="Ansicht vergrößern" width="25" height="25" border="0" />&nbsp;&nbsp;Zoom</a>


Wenn ich nun alle Links unten einbaue, dann habe ich ja "Bild #1, Bild#2 usw." angezeigt auf der Seite, dass ist es ja aber nicht, es soll nur 1 Zoom Link angezeigt werden.

Dani
Gespeichert
dobra
Global Moderator
Hero Member
*****

Lob: 18
Offline Offline

Beiträge: 1245


WWW
« Antwort #17 am: September 06, 2009, 12:06:27 »
Dann musst Du die anderen ausblenden

<a href="../__BILDZOOM__" rel="lightbox[roadtrip]"><img src="../images/other/zoom.png" alt="Ansicht vergrößern" width="25" height="25" border="0" />&nbsp;&nbsp;Zoom</a>
<div style="display: none;"><a href="../__BILDZOOM1__" rel="lightbox[roadtrip]">&nbsp;</a><a href="../__BILDZOOM2__" rel="lightbox[roadtrip]">&nbsp;</a><a href="../__BILDZOOM3__" rel="lightbox[roadtrip]">&nbsp;</a></div>

ander Möglichkeit wäre z.B.:

Ansichten: 1 2 3 4
(das 1 2 usw event. durch kleine Vorschaubilder ersetzen)
Gespeichert
mfG
dobra
______________________________
www.shoppilot.at - Sitemap
www.woll-insel.at - Sitemap
www.wolle-online.eu - Sitemap
Mobile Shop:
www.woll-insel.mobi
www.wolle-online.mobi
schoenebeine.ch
Newbie
*

Lob: 0
Offline Offline

Beiträge: 29
« Antwort #18 am: September 06, 2009, 12:21:29 »
Habe das ganze nun wie folgt eingebaut:

<a href="../__BILDZOOM__" rel="lightbox[roadtrip]"><img src="../images/other/zoom.png" alt="Ansicht vergrößern" width="25" height="25" border="0" />&nbsp;&nbsp;Zoom</a>
                                    <div style="display: none;">
                                    <a href="../__BILDZOOM1__" rel="lightbox[roadtrip]">&nbsp;</a>
                                    <a href="../__BILDZOOM2__" rel="lightbox[roadtrip]">&nbsp;</a>
                                    <a href="../__BILDZOOM3__" rel="lightbox[roadtrip]">&nbsp;</a></div></div>

Es ist nun tatsächlich nur noch ein Link vorhanden, funktioniert immer noch, aber die Grafiken weiter und zurück werden nicht angezeigt. Somit wird mir nur ein Bild angezeigt, obwohl ganz unten im Bild steht "1 Bild von 4".

Dani
Gespeichert
schoenebeine.ch
Newbie
*

Lob: 0
Offline Offline

Beiträge: 29
« Antwort #19 am: September 06, 2009, 12:26:55 »
Es geht, es geht!!!!!!!!!!!!!

Hatte bei der "lightbox.css" noch einen falschen Pfad drinnen bei diesen vor und zurück Grafiken!
Ich hoffe jetzt tut alles wie es sollte.

Besten Dank dobra, einmal mehr!!! :-D

Grüessli
Dani
Gespeichert
metallic
Newbie
*

Lob: 0
Offline Offline

Beiträge: 2
« Antwort #20 am: November 02, 2009, 11:44:03 »
Hallo,

erstmal vielen Dank für die Lightbox, sie ist uns sehr nützlich.
Leider funktionniert sie mit Mozilla Firefox nicht, obwohl mit Internet Explorer alles super läuft.
Wenn man auf dem Bild klickt, bekommt man das Bild in einem neuen Fenster...

Ich habe die Einstellungen von meinem Browser geprüft: Pop-Up Fenster sind aktiviert, sowie JS-Skript und JS.

Habt ihr eine Idee, warum es nicht funktionniert?

Vielen Dank im Voraus!
Gespeichert
admin
Administrator
Sr. Member
*****

Lob: 10
Offline Offline

Beiträge: 472
« Antwort #21 am: November 02, 2009, 15:08:57 »
Hallo,

das hat nichts mit IE oder FF zu tun. Es liegt daran, dass Sie die Scripte nicht richt richtig eingebunden haben, bzw. auf lokale Dateien verweisen.

Da steht z.B.
Code:
<script type="text/javascript" src="file:///X:/vac-shop/vac-shop.com%20aktuell/js/lightbox.js"></script>

Da muss eineURL hin, die auf die lighbox.js auf Ihrem Server verweist.

Gruß hop
Gespeichert
Seiten: 1 [2] Drucken 
« vorheriges nächstes »
Gehe zu:  

mysitelist Impressum Powered by SMF 1.1.18 | SMF © 2006, Simple Machines Prüfe XHTML 1.0 Prüfe CSS