Zum Inhalt springen

Perfect Lightbox2 funkioniert einfach nicht

Erstellt am 26. April 2010 · 7 Antworten · letzte Antwort am 26. April 2010

Tags: Bilder, Frage

daimos ·

Ich bekomme es nicht auf die Reihe, die Perfect Lightbox2 zum laufen zu bringen.
Habe das mittlerweile schon 100ertmal gebaut, nur diesmal will es einfach nicht.

Das ganze schaut so aus:

In der Rootpage:
Constants:

content.defaultHeaderType = 1
plugin.meta.revisit = 0
plugin.meta.robots = index,follow
styles.content.imgtext.maxWInText = 300
styles.content.imgtext.linkWrap.width = 300
styles.content.loginform.pid = 0
styles.content.imgtext.maxW = 300
plugin.powermail.captcha.use = captcha
plugin.tt_news.displayXML.xmlLink = http://www.domain.de/
plugin.tt_news.displayXML.xmlDesc = Domain.de
plugin.tt_news.displayXML.xmlTitle = Domain: Aktuelle Nachrichten
plugin.tt_news.archiveTypoLink.parameter = 21
plugin.tt_news.datetimeDaysToArchive = 100
plugin.tt_news.archiveTypoLink.parameter = 21
plugin.tt_news.useMultiPageSingleView = 0
plugin.perfectlightbox.ttnews.enableList = 1
plugin.perfectlightbox.ttnews.enableLatest = 1
plugin.perfectlightbox.lightBoxMaxW = 600
plugin.perfectlightbox.lightBoxMaxH = 400
plugin.perfectlightbox.libraryToUse = mootools



//Ab hier Templates einbinden
//template-001 einbinden
[globalVar = TSFE:page|tx_templavoila_ds = 1]
generalStylesheet = layout_2col_left_31.css
ieHacksStylesheet = patch_2col_left_31.css
[global]

Das Setup:

tt_content.image.20.1.file.maxH = 220
tt_content.image.20.1.file.height.field >
tt_content.image.20.1.file.height = 220c

page.headerData < temp.headerDataStyleSheets

//Metatags Konfiguration
plugin.meta{
  global.description =
  global.keywords =
  flags.useSecondaryDescKey = 0
  flags.alwaysGlobalDescription = 1
  flags.alwaysGlobalKeywords = 1
  flags.DC = 0
}
page.headerData.999 < plugin.meta
page.headerData.1999 < temp.css_lightbox

plugin.tt_news {
  pageTypoLink.target >
  pageTypoLink.target =_blank
}

#css fuer die perfectlightbox einbinden
temp.css_lightbox = TEXT
temp.css_lightbox.value = <link rel="stylesheet" href="typo3conf/ext/perfectlightbox/res/css/slightbox.css" type="text/css" media="screen,projection" />

#perfectlightbox einbinden
temp.perfectlightbox = TEXT
temp.perfectlightbox.value (
<script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/prototype-packed.js"></script>
<script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/scriptaculousEffects-packed.js?load=effects"></script>
<script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/lightbox-packed.js"></script>
<script type="text/javascript"> var borderSize = 10;
var resizeSpeed = 400;
var animate = true;
var overlayOpacity = 0.8;
var allowSave = false;
var enableSlideshowAutoplay = true;
var slideshowAutoclose = true;
var slideshowInterval = 5000;
var lllImage = 'Bild';
var lllOf = 'von';</script>
)
page.headerData.2000 < temp.perfectlightbox

Der Quelltext (Head-Abschnitt) der Seite:

<?xml version="1.1" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!--


	This website is powered by TYPO3 - inspiring people to share!
	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2009 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at http://typo3.com/ and http://typo3.org/
-->
		<link rel="shortcut icon" href="http://domain.de/" />
		<link rel="icon" href="http://domain.de/" />
		<title>Startseite</title>
		<meta name="verify-v1" content="3wqy7P+vNCkdD7Q4Tbpf7L/ep6UJTF/VYgaLAnTzOrY=" />

		<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_0b7c57c776.css" media="all" />
		<link rel="stylesheet" type="text/css" href="typo3conf/ext/powermail/css/sampleCSS.css" media="all" title="powermail default CSS" />
		<script src="typo3temp/javascript_93077bb238.js" type="text/javascript"></script>
		<!--[if lte IE 7]><link href="fileadmin/templates/template-001/css/patches/patch_2col_left_31.css" rel="stylesheet" type="text/css" /><![endif]-->
		<link href="fileadmin/template-001/css/layout_2col_left_31.css" rel="stylesheet" type="text/css" />
		<!--[if lte IE 7]>
<link href="fileadmin/template-001/css/patches/patch_2col_left_31.css" rel="stylesheet" type="text/css" />
<![endif]-->
		<link rel="alternate" type="application/rss+xml" title="RSS-Feed" href="http://www.domain.de/index.php?id=22&type=100" />
		<meta name="robots" content="index,follow" />

		<script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/prototype-packed.js"></script>
		<script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/scriptaculousEffects-packed.js?load=effects"></script>
		<script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/lightbox-packed.js"></script>
		<script type="text/javascript"> var borderSize = 10;
var resizeSpeed = 400;
var animate = true;
var overlayOpacity = 0.8;
var allowSave = false;
var enableSlideshowAutoplay = true;
var slideshowAutoclose = true;
var slideshowInterval = 5000;
var lllImage = 'Bild';
var lllOf = 'von';</script>
		<script type="text/javascript" src="t3lib/jsfunc.validateform.js"></script>
		<script type="text/javascript" src="typo3conf/ext/efafontsize/res/js/cookies.js"></script>

		<script type="text/javascript" src="typo3conf/ext/efafontsize/res/js/efa_fontsize.js"></script>
		<script type="text/javascript">
	/*<![CDATA[*/
<!--
	function openPic(url,winName,winParams)	{	//
		var theWindow = window.open(url,winName,winParams);
		if (theWindow)	{theWindow.focus();}
	}
var efa_default = 75;
var efa_increment = 10;
var efa_smaller = ['','<img src="typo3conf/ext/efafontsize/res/icons/smaller.gif" width="30" height="19" border="0" alt="" title="" />','Decrease font size','','','','','','','',''];
var efa_reset = ['','<img src="typo3conf/ext/efafontsize/res/icons/reset.gif" width="21" height="19" border="0" alt="" title="" />','Reset font size','','','','','','','',''];
var efa_bigger = ['','<img src="typo3conf/ext/efafontsize/res/icons/bigger.gif" width="30" height="19" border="0" alt="" title="" />','Increase font size','','','','','','','',''];
var efa_fontSize06 = new Efa_Fontsize06(efa_increment,efa_bigger,efa_reset,efa_smaller,efa_default);


// -->
	/*]]>*/
</script>
	</head>

Mit Klick auf die Bilder passiert nichts.
Die Konsole gibt auch keine Fehler aus.

in der Rootpage eingebunden als statisches Template (in dieser Reihenfolge):

CSs Styled Content TYPO3 4.2
static info tables
rzgooglemaps
News CSS Styles tt_news
News feeds
FE User Registration
Add Defaults CSs Powermail
efaFontSize
perfect Lightbox

Frische TYPO3 4.3.3 Installation in einer frischen MySQl Datenbank 5
PHP 5.2.11

Mehr fällt mir jetzt nicht ein wo ich noch suchen kann/muss

Website funkionert ansonsten einwandfrei und ist auch valide

mhworx ·

Hi !

auf die schnelle ins blaue getippt:

weiter oben:
plugin.perfectlightbox.libraryToUse = mootools

weiter unten:
<script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/prototype-packed.js"></script>
<script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/scriptaculousEffects-packed.js?load=effects"></script>
<script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/lightbox-packed.js"></script>

diese beiden libarys laufen nicht zusammen:-)
stell mal die libary um....

gruß
michael

mhworx ·

HI !

MUSS !

:-)
caches geleert etc ?
deinstallier die ext nochmal und mach es neu....
schau ins TypoScript und lösch den überflüssigen kram.

michael

daimos ·

Caches geleert, ebenfalls per Hand in typo3conf Verzeichnis. Deinstalliert, Neuinstalliert.
ergebnis: nix

Ich versteh es nicht...

daimos ·

Die Bilder werden anch dem Klick auf selbige weit unten ausserhalb der HP im Browser angezeigt.
Ohne Effekte etc.
Irgendwas, Irgendwo stimmt hier doch etwas nicht

daimos ·

Im Quelltext schaut es um das Bild herum so aus:

<a rel="lightbox[presentlb3slideshow]" href="typo3temp/pics/7297814bdb.jpg"><img width="293" height="220" border="0" alt="" src="typo3temp/pics/98f4195367.jpg"></a>

aus meienr Sicht alles richtig.
Nur funkioniert es trotzdem nicht

daimos ·

Man man,
Mein Fehler lag am Setup:

so ist es richtig:

tt_content.image.20.1.file.maxH = 220
tt_content.image.20.1.file.height.field >
tt_content.image.20.1.file.height = 220c

page.headerData < temp.headerDataStyleSheets


#css fuer die perfectlightbox einbinden
temp.css_lightbox = TEXT
temp.css_lightbox.value = <link rel="stylesheet" href="typo3conf/ext/perfectlightbox/res/css/slightbox.css" type="text/css" media="screen,projection" />

//Metatags Konfiguration
plugin.meta{
  global.description =
  global.keywords =
  flags.useSecondaryDescKey = 0
  flags.alwaysGlobalDescription = 1
  flags.alwaysGlobalKeywords = 1
  flags.DC = 0
}
page.headerData.999 < plugin.meta

page.headerData.1999 < temp.css_lightbox

#perfectlightbox einbinden
temp.perfectlightbox = TEXT
temp.perfectlightbox.value (
<script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/prototype-packed.js"></script>
<script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/scriptaculousEffects-packed.js?load=effects"></script>
<script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/lightbox-packed.js"></script>
<script type="text/javascript"> var borderSize = 10;
var resizeSpeed = 400;
var animate = true;
var overlayOpacity = 0.8;
var allowSave = false;
var enableSlideshowAutoplay = true;
var slideshowAutoclose = true;
var slideshowInterval = 5000;
var lllImage = 'Bild';
var lllOf = 'von';</script>
)

page.headerData.2000 < temp.perfectlightbox


plugin.tt_news {
  pageTypoLink.target >
  pageTypoLink.target =_blank
}

Das hier:

#css fuer die perfectlightbox einbinden
temp.css_lightbox = TEXT
temp.css_lightbox.value = <link rel="stylesheet" href="typo3conf/ext/perfectlightbox/res/css/slightbox.css" type="text/css" media="screen,projection" />

hatte ich verkehrt eingebunden
das muss gleich hiernach kommen:

page.headerData < temp.headerDataStyleSheets

Dann klappt es auch.

Danke