Hallo Forum
ich habe letzte Woche auf einem Typo3 (ver 4.3) perfectlightbox (ver 2.2.4) installiert. Die Hacken auch im Datensatz hinzugefügt. Das statische Template sollte auch eingebunden sein.
Allerdings öffnet mir Typo3 das Bild noch immer als Popup. :-(
Kann mir jemand helfen?
Hallo,
ich habe das selbe Problem mit den selben Versionen.
Seltsam bei mir ist nur, das auf dieser Typo3-Installation noch zwei weitere Templates verwendet werden, bei denen die Lightbox funktioniert ( http://www.wendelsteinrundfahrt.de und http://www.ski-club-au.de ). Aber in meinem neuen Template ( http://skilift-au.de/Home.228.0.html ) klappt dies nicht mehr, immer das normale Typo3 Popup. Static Template from Extension wurde eingebunden, PAGE ist bei mir auch page und die 1337 wird meines Wissens auch nirgends verwendet. Ebenso stehen im Header auch die Skripts für die Perfectlightbox drin:
<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-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 = 'Image';
var lllOf = 'of';</script>
<script type="text/javascript">
/*<![CDATA[*/
<!--
function openPic(url,winName,winParams) { //
var theWindow = window.open(url,winName,winParams);
if (theWindow) {theWindow.focus();}
}
// -->
/*]]>*/
</script>
Hat da wer eine Idee?
Danke im voraus,
Huaba
Habe gerade noch im Quelltext gesehen, das die A-Tags bei der funktionierenden Variante so aussehen:
<a rel="lightbox[lb675]" title="Text" href="typo3temp/pics/bc62f0f760.jpg">
<img width="295" height="222" border="0" alt="" src="typo3temp/pics/a6062d61c5.jpg"/>
</a>
und bei der nicht funktionierenden so:
<a target="thePicture" onclick="openPic('index.php?eID=tx_cms_showpic&file=uploads%2Fpics%2F225839_R_K_B_by_Michael-Dorant_pixelio.de.jpg&width=800m&height=600m&bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&md5=5d7aba1dfd24a1e542b5c6051833c792','thePicture','width=800,height=533,status=0,menubar=0'); return false;" href="index.php?eID=tx_cms_showpic&file=uploads%2Fpics%2F225839_R_K_B_by_Michael-Dorant_pixelio.de.jpg&width=800m&height=600m&bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&md5=5d7aba1dfd24a1e542b5c6051833c792">
<img width="300" height="200" border="0" alt="" src="typo3temp/pics/5be403ffd3.jpg"/>
</a>
Bei der funktionierenden ist im A-Tag die Angabe "rel=lightbox..." vorhanden, bei der nicht funktionierenden nur der "onklick".
Wie kann ich denn das korrigieren?
Danke und Gruß
Huaba
Ich habe gerade noch entdeckt, das in dem Template, in dem die Perfectlightbox nicht funktioniert überhaupt kein Javascript geht. Auch eine mit Javascript verschlüsselt Mailadresse geht nicht o.O
An was kann denn sowas liegen?
Gruß
Huaba
Ich weiss jetzt ech nicht was ich gemacht habe, aber es läuft einfach... Bis gestern waren da die rel auch falsch, aber jetzt gings...
Versteh die (Typo3)-Welt immer weniger 😃
Sonst keiner irgend eine Idee wieso Javascript nicht geht? Habs an mehreren Rechner/Browsern/Internetzugängen getestet...
Huaba
Ich habs jetzt nach seeehr langer Sucherei selber gefunden.
Im Template muss unter "Statische Templates einschließen (aus Erweiterungen):" die PerfectLightbox ganz unten stehen. Kaum steht diese nicht mehr an der letzten Position, geht bei mir die Lightbox nicht mehr (Quellcode falsch).
Die per Javascript verschlüsselte Mailadresse ging ohne Änderung.
Gruß
Huaba
Danke für die Info, bei mir hats unter Typo 3 4.4.4 mit der Methode von Huaba schließlich auch funktioniert.
Ahhh.... das kann doch nicht wahr sein! :-( Aber es stimmt... (bitte auch checken ob in einem sup-template irgendwo noch irgendwas eingebunden ist)
Die Ursache ist, dass es Konflikte mit bereits eingebundenen JS-Frameworks gibt.
Ein Blick in das Manual macht auch hier nicht dümmer!
Ich hab auch etwas probieren müssen. Das Umstellen des verwendeten Frameworks auf JQuery unter Costants half Wunder.
Huaba schriebIch habs jetzt nach seeehr langer Sucherei selber gefunden.
Im Template muss unter "Statische Templates einschließen (aus Erweiterungen):" die PerfectLightbox ganz unten stehen.
[...]
Perfekt! Vielen Dank!
Anschließend gab's noch Probleme mit dem IE 9. Die konnte ich umgehen, indem ich auf jquery umgestellt habe.
Also für mich ist das Thema aber noch nicht vom Tisch.
Habe geeenau das gleiche doofe Problem.
Popups, wo lightboxen sein sollten.
Den Tipp, die statische Erweiterung ganz unten zu positionieren habe ich befolgt. Hat aber leider nicht zum Erfolg geführt. Und diese "Lösung" deutet doch wohl auf einen Typo3-Bug hin. Oder verstehe ich da was nicht?
Ich hab Typo3 Version 4.5.7 und PerfectLightbox 3.1.3
Und ich habe (soweit mir das jetzt bekannt ist) KEINE weiteren js geladen.
HIIILFÄÄ!
Mann, mann, da habe ich auch lange nach einer Lösung gesucht. Jetzt geht's.
Also mein System: Typo3 4.5.7. Perfect Lightbox 3.1.4, INTRODUCTION PACKAGE (!)
1. Im Introduktion Package ist die Lightbox-Konfiguration schon integriert, muss aber aktiviert in den Typoscript Konstanten werden.
Konstanten-Editor -> Content -> Lightbox click-enlarge rendering aktivieren
Damit wird die Klasse class="lightbox" und rel="lightbox[xx]" eingefügt
2. Dann fehlt noch das Javascript für perfectlightbox
Das geht entsprechend folgender Anleitung:
http://www.oliver-thiele.de/cms-typo3/tutorials/lightbox-fancybox-ohne-typo3-extension.html
Also zunächst das CSS einbinden in TypoScript Templates -> page_configuration -> page.includeCSS einfügen:
15 = typo3conf/ext/perfectlightbox/res/css/slightbox.css
15 {
media = all
}
Und dann in TypoScript Templates -> page_configuration -> page.headerData folgendes einfügen:
30 = TEXT
30.value = <script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/prototype.1.7.0.yui.js"></script>
40 = TEXT
40.value = <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.5.yui.js"></script>
Wenn mir noch jemand erklären kann, wie man im Introduction Package die Lightbox "out-of-the-box" verwenden kann, ohne nachträglich umständlich per Hand all diese Dinge zu tun wäre ich sehr dankbar.
Viele Grüße
Jürgen
Nur für die Leute unter euch, die Imagecycle und Perfectlightbox zusammen verwenden:
Ich habe gerade 2 Std. rumprobiert...
Jquery lade ich über die Ext. t3jquery!
Imagecycle lief recht fix, nur die Perfectlightbox wollte einfach nicht. Es gab immer nur den Standart Pop-Up.
Unter:
Vollständigen Template-Datensatz bearbeiten -> Enthält:
Den Eintrag "Perfectlightbox" über die Einträge der Ext. Imagecycle schieben.
Schon funktioniert's ohne Probleme!!
Chris
Hallo zusammen,
genau das Problem, wie es anfangs von Huaba beschrieben wurde habe ich auch. Der Link ist falsch.
Seltsamerweise ist das aber nicht bei allen Bildern so. Auf ein und derselben Seite gibt es Bilder bei denen wird der Link richtig erzeugt und die Lightbox öffnet sich, sowie Bilder mit falschem Link und stattdessen normalem Popup.
Die hier vorgeschlagenen Lösungen habe ich bereits alle ausprobiert, helfen aber nicht.
Gibt es sonst noch Ideen und Ansatzpunkte.
Hugo
so ich bin ein Stück weiter gekommen.
Ich habe festgestellt das die Problematik bei mir Bildabhängig ist. D.h. ich habe ein Inhaltselement Bilder1 mit dem Bild bild1.jpg, welches nicht funktioniert. Außerdem ein Inhaltselemant Bilder2 mit dem Bild bild2.jpg, welches funktioniert. Verwende ich nun bild1.jpg im Inhaltselemant Bilder2 funktioniert die Lightbox nicht mehr, verwende ich aber bild2.jpg umgekehrt in Bilder1 funktioniert die Lightbox.
Es hängt also von der Grafik ab die tatsächlich eingebunden wurde.
Hier komme ich jetzt aber leider nicht mehr weiter. Ich kann zwischen den Bildern die funktionieren und denen die es nicht tun, keine relevanten Unterschiede erkennen.
Warum funktioniert die Lightbox mit manchen Bildern, mit anderen aber nicht?
Jemand Ideen?
Hast du im Install Tool schonmal einen Imagetest gemacht, evtl. hat ImageMagick ein Problem?
nein Image Magic läuft problemlos