Zum Inhalt springen

chgallery mit perfectlightbox funktioniert bei deaktivierter rgsmoothgallery?

Erstellt am 5. September 2010 · 3 Antworten · letzte Antwort am 22. Februar 2011

Tags: Bilder, JavaScript & AJAX, Frage

toaditoad ·

Hallo zusammen,

es gibt schon viele Themen über Probleme mit diesen Extensions, aber ich bin leider noch auf keinen grünen Zweig gekommen.

Derzeit habe ich die rgsmoothgallery über ein lib-Object eingebunden, um es auf allen Seiten anzeigen zu lassen. Es hat die Aufgabe, das Headerbild auszutauschen, wobei keine Steuerung etc. vorhanden ist. Es ist eine einfache Slideshow.

Auf einer einzelnen Seite möchte ich dann eine Bildergalerie einfügen. Dazu benutze ich chgallery und füge es als Plugin ein: Galerieansicht, Pfad angegeben und keinerlei Checkboxen aktiviert. rgsmoothgallery kann ich leider nicht verwenden, weil es dort ja nicht diese "Galerieansicht" mit der Übersicht aller Bilder gibt...

Problem: bei Klick auf eines der Bilder in der chgallery öffnet er dieses in einem neuen Tab und nicht in der Lightbox. Deaktiviere ich die rgsmoothgallery funktioniert es tadellos.

Im Main Template habe ich dann als erstes das statische perfectlightbox und dann rgsmoothgallery TS-Template eingebunden.

Hat jemand eine Idee, wie ich es beheben kann?

Crossposting: http://www.typo3forum.net/forum/typo3-4-x-fragen-probleme/47632-chgallery-perfectlightbox-funktioniert-nur-deaktivierter-rgsmoothgallery.html#post158793

TS der EXT: rgsmoothgallery

lib.imgarea < plugin.tx_rgsmoothgallery_pi1
lib.imgarea {
	mode = DIRECTORY
	startingpoint = fileadmin/templates/img/imgarea/ 
	duration = 5000
	lightbox = 0
	showThumbs = 0
	thumbOpacity = 1
	arrows = 0
	hideInfoPane = 1
	showCarousel = 0
	big {
		file.maxW = 1000
		file.maxH = 302
	}
	width = 1000
	height = 302
	externalThumbs = 
	
	pathToMootools = EXT:rgsmoothgallery/res/scripts/mootools.js
	pathToJdgalleryJS = fileadmin/templates/ext/rgsmoothgallery/jd.gallery1010.js
	pathToJdgalleryCSS = EXT:rgsmoothgallery/res/css/jd.gallery.css
	pathToSlightboxJS = EXT:rgsmoothgallery/res/scripts/slightbox107.js  
	pathToSlightboxCSS = EXT:rgsmoothgallery/res/css/slightbox.css
	pathToJdgallerySetJS = EXT:rgsmoothgallery/res/scripts/jd.gallery.set.js
	pathToJdgalleryTransitionsJS = EXT:rgsmoothgallery/res/scripts/jd.gallery.transitions.js
}

TS der EXT: chgallery

plugin.tx_chgallery_pi1 {
    gallery.image {
    file {
            maxW = 146
            maxH = 114
        }
        imageLinkWrap  = 1
        imageLinkWrap {
            enable = 1
            typolink {
 
                #Zeigt den Dateinnamen an (tx_chgalleryFilename)
                title.field= tx_chgalleryFilename
 
                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
 
                # used lightbox is pmkslimbox
                ATagParams = rel="lightbox"
                ATagParams.override = rel="lightbox[lightbox[sb{field:uid}]"
                ATagParams.insertData = 1
            }
        }
    }
}
plugin.tx_chgallery_pi1.single.image < plugin.tx_chgallery_pi1.gallery.image

relevante Angaben aus dem Headbereich:

<link rel="stylesheet" href="typo3conf/ext/perfectlightbox/res/css/slightbox.css" type="text/css" media="screen,projection" />

<script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/prototype.1.6.1.yui.js"></script>

<script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/scriptaculous.js?load=effects,builder"></script>

<script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/lightbox.2.0.4.yui.js"></script>

<script type="text/javascript">
	LightboxOptions.borderSize = 10;
	LightboxOptions.resizeSpeed = 400;
	LightboxOptions.overlayOpacity = 0.8;
	LightboxOptions.loop = true;
	LightboxOptions.allowSave = false;
	LightboxOptions.slideshowAutoplay = false;
	LightboxOptions.slideshowInterval = 5000;
	LightboxOptions.slideshowAutoclose = true;
	LightboxOptions.labelImage = 'Image';
	LightboxOptions.labelOf = 'of';</script>

<script src="typo3conf/ext/rgsmoothgallery/res/scripts/mootools.js" type="text/javascript"></script>

<script src="fileadmin/templates/ext/rgsmoothgallery/jd.gallery1010.js" type="text/javascript"></script>

<script src="typo3conf/ext/rgsmoothgallery/res/scripts/slightbox107.js" type="text/javascript"></script>

<link rel="stylesheet" href="typo3conf/ext/rgsmoothgallery/res/css/jd.gallery.css" type="text/css" media="screen" />

<link rel="stylesheet" href="typo3conf/ext/rgsmoothgallery/res/css/slightbox.css" type="text/css" media="screen" />
      
<link rel="stylesheet" href="typo3conf/ext/chgallery/res/gallery.css" type="text/css" />

verwendete Versionen:

rgsmoothgallery: 1.5.1
chgallery: 2.5.2
perfectlightbox: 3.0.7
Typo3: 4.4.2

kolki ·
shado schrieb

Hallo toaditoad,

also ich würde rgsmoothgallery generell entfernen. Welche JS lib verwendest Du (jquery, mootools, ...)?
Falls jQuery würde sich folgendes z.B. anbieten:
http://plugins.jquery.com/plugin-tags/rotation

Genau - oder die Extensions 'jf_headerslide' oder 't3s_headerslider' verwenden, um nur einige Alternativen zu nennen...

toaditoad ·

Ich müsste nachschauen, welche JS lib ich verwende. Das Projekt wurde leider wieder eingestampft, wobei ich es mit den oben genannten Extensions doch noch zum Laufen gebracht habe.

http://zgb.centaur.de

Eure Alternativen werde ich mir aber notieren! Danke.