TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

jetzt buchen
Forum » TYPO3 CMS: Module, Erweiterungen und Applikationen » Diverse sonstige Module

Perfectlightbox in Verbindung mit ImageCarousel ohne Funktion


Autor Nachricht
Verfasst am: 08. 05. 2012 [12:34]
X.S
Themenersteller
Dabei seit: 08.05.2012
Beiträge: 2
 Hallo Zusammen,

wahrscheinlich ist es nur eine Kleinigkeit die ich übersehe, aber da mich probieren und googlen bisher nicht weiter gebracht haben, hoffe ich Ihr könnt mir helfen.

Ich nutze Typo 3 Version 4.5.10 (da der Server bisher noch kein php 5.3 bietet) mit PerfectLightbox 3.1.4 und ImageCarousel 1.9.4.

Als erstes habe ich ImageCarousel installiert und das Template angepasst. Das läuft auch wunderbar.

Dann habe ich PerfectLightbox installiert.

Wenn ich nun im ImageCarousel "Klick vergrößern" aktiviere, und im Frontend auf ein Bild innerhalb des Carousels klicke, wird das Bild zwar vergrößert, allerdings ein einem neuen Fenster, und nicht wie gewünscht als lightbox.
Auf der gleichen Seite habe ich auch Bild/Text elemente. Wenn ich dort "Klick vergrößern" aktiviere, funtkioniert die lightbox einwandfrei.

Ich hoffe Ihr könnte mir helfen.

Vielen Dank schonmal...

XS

P.S. Ich habe schon alle Javascript Librarys probiert.
Profil
Verfasst am: 08. 05. 2012 [17:47]
Julian.Hofmann
Dabei seit: 18.05.2007
Beiträge: 2073
 Hallo.

Was hast Du bisher konfiguriert/eingestellt, dass das ImageCarousel auch irgendetwas von der Lightbox weiß? Laut Doku ist die Extension out-of-the-box mit nichts für eine Lightbox ausgestattet. Normalerweise hast Du für Lightboxes um die Thumbnails herum in Links oder als Parameter des IMG-Tags entsprechende Klassen, IDs odgl.

Eine Suche brachte mir einen recht zielführend wirkenden Treffer auf Platz 1: http://typo3.cms-jack.ch/de/erweiterungen/imagecarousel/
(Solltest Deinen Suchalgorithmus mal optimieren icon_wink.gif )

Viele Grüße
Julian
Profil
Verfasst am: 08. 05. 2012 [17:59]
Julian.Hofmann
Dabei seit: 18.05.2007
Beiträge: 2073
 Ich leg nochmal nach, nachdem ich in Deinem anderen Posting gesehen habe, dass Du die Seite schon kennst:

Befasse Dich einmal mit der Perfectlightbox, die Du in das Carousel integrieren möchtest. Dann wirst Du feststellen, dass
- die Perfectlightbox im Gegensatz zur rzcolorbox die Konstanten rel bzw. class nicht kennt => einfaches Ersetzen des Extension-Keys bringt nichts
- Deine Änderung kein passendes HTML produziert

Wie müsste denn ein Bild samt Link in HTML aussehen, damit er für die Perfectlightbox taugt? Und was müsstest Du folglich bei der Bild-/Linkgenerierung des Carousels ändern/einbauen?
Profil
Verfasst am: 16. 05. 2012 [07:21]
X.S
Themenersteller
Dabei seit: 08.05.2012
Beiträge: 2
 Hallo Julian,

vielen Dank für die fragende Antwort! Ich habe mich nochmal daran versucht, bin allerdings immer noch nicht am Ziel. Muß allerdings auch dazu sagen, dass ich ein typo3 newbee bin.

Wenn ich es richtig sehe, muß für die PerfectLightbox im a-tag rel="lightbox" eingetragen sein.

Ich habe also das snipplet folgender Maßen angepasst und in mein typo script kopiert:

TYPOSCRIPT
plugin.tx_imagecarousel_pi1 {
  carousel.normal.image {
    imageLinkWrap {
      typolink >
      typolink {
        title.data = register:caption
        parameter.override.cObject = IMG_RESOURCE
        parameter.override.cObject.file.import.data = TSFE:lastImageInfo|origFile
        parameter.override.cObject.file.maxW = 800
        parameter.override.cObject.file.maxH = 600
#        ATagParams = class="{$plugin.rzcolorbox.rel}" rel="{$plugin.rzcolorbox.rel}"
        ATagParams = rel="lightbox"
        ATagParams.insertData = 1
      }
    }
  }
}
 
 
plugin.tx_imagecarousel_pi2 {
  carousel.normal.image {
    imageLinkWrap {
      typolink >
      typolink {
        title.data = register:caption
        parameter.override.cObject = IMG_RESOURCE
        parameter.override.cObject.file.import.data = TSFE:lastImageInfo|origFile
        parameter.override.cObject.file.maxW = 800
        parameter.override.cObject.file.maxH = 600
        parameter.wrap = " | "
#        ATagParams = class="{$plugin.rzcolorbox.rel}" rel="{$plugin.rzcolorbox.rel}"
        ATagParams = rel="lightbox"
        ATagParams.insertData = 1
      }
    }
  }
}

Leider ohne Erfolg.

Wenn ich mir den Quelltext der Seite ansehe, sieht die Integration des Image Carousels wie folgt aus:

HTML
<div class="tx-imagecarousel-pi1">
		<div id="imagecarousel_c64-outer"><div id="imagecarousel_c64" class="jcarousel-skin-xs"><ul><li><a href="index.php?eID=tx_cms_showpic&amp;file=uploads%2Ftx_imagecarousel%2F3492_02.jpg&amp;md5=b68d748dce8fba44bc068f1c1242b718bb0c05cd&amp;parameters[0]=YTo0OntzOjU6IndpZHRoIjtzOjQ6IjgwMG0iO3M6NjoiaGVpZ2h0IjtzOjQ6IjYw&amp;parameters[1]=MG0iO3M6NzoiYm9keVRhZyI7czo0MToiPGJvZHkgc3R5bGU9Im1hcmdpbjowOyBi&amp;parameters[2]=YWNrZ3JvdW5kOiNmZmY7Ij4iO3M6NDoid3JhcCI7czozNzoiPGEgaHJlZj0iamF2&amp;parameters[3]=YXNjcmlwdDpjbG9zZSgpOyI%2BIHwgPC9hPiI7fQ%3D%3D" onclick="openPic('index.php?eID=tx_cms_showpic&amp;file=uploads%2Ftx_imagecarousel%2F3492_02.jpg&amp;md5=b68d748dce8fba44bc068f1c1242b718bb0c05cd&amp;parameters[0]=YTo0OntzOjU6IndpZHRoIjtzOjQ6IjgwMG0iO3M6NjoiaGVpZ2h0IjtzOjQ6IjYw&amp;parameters[1]=MG0iO3M6NzoiYm9keVRhZyI7czo0MToiPGJvZHkgc3R5bGU9Im1hcmdpbjowOyBi&amp;parameters[2]=YWNrZ3JvdW5kOiNmZmY7Ij4iO3M6NDoid3JhcCI7czozNzoiPGEgaHJlZj0iamF2&amp;parameters[3]=YXNjcmlwdDpjbG9zZSgpOyI%2BIHwgPC9hPiI7fQ%3D%3D','thePicture','width=600,height=600,status=0,menubar=0'); return false;" target="thePicture"><img src="typo3temp/pics/089038540d.jpg" width="150" height="80" border="0" class="captify" alt="" /></a></li></ul></div></div>
	</div>


Da hier kein "rel" auftaucht, glaube ich, dass ich eine Fehler im Typoscript habe. Ich weiß allerdings absolut nicht welchen...

Wäre schön, wenn Ihr mir nochmal helfen würdet
Profil