Slimbox funktioniert nach Update von Typolight auf Contao nicht mehr...

**endlezZ** · 19.10.2010, 12:20

Hallo Community,
nach einem Update von ehemals Typolight auf die aktuelle Contao-Version funktioniert die Slimboxfunktion nicht mehr. Wenn ein Bild in der Galerie angeklickt wird, öffnet sich das Bild in einem neuen Browserfenster.

Hatte Jemand auch schonmal dieses Problem?

Mootools müssen dafür aktiviert bzw. eingebunden sein, oder?

Was hat sich denn an den Versionen geändert, sodass sich nun jedes Bild nicht mehr in der Slimbox öffnet?

LG endlezZ

**BugBuster** · 19.10.2010, 12:25

Hast du eine angepasste fe_page.tpl in Verwendung?
Der Aufruf der JS Bibliotheken hat sich darin geändert.
Kontrolliere auch, ob im Layout im Punkt "MooTools-Templates" die mediabox oder slimbox aktiviert ist.

**endlezZ** · 19.10.2010, 12:34

Hey BugBuster

Danke für Deine Antwort. Nutze eigene Templatedateien. Es lag daran, das unten im Body-Bereich "<?php echo $this->mootools; ?>" nicht eingebunden war.

Läuft jetzt

Ciao endlezZ

***lucina*** · 19.10.2010, 12:51

Zitat von endlezZ

Läuft jetzt

Schön. Und beim nächsten mal liest Du das Changelog. Wenn Du schon das Template modifizierst.

Carolina.

**tsunami** · 21.10.2010, 11:54

Hallo,
ich hänge mal wieder.
Und zwar möchte ich erstmal eine simple Lightbox. Als ein kleines Bild um beim Klick drauf kommt die Lightbox. Später als Gallerie.

Mediabox ist aktiviert. und im Artikel:

Text Text text

{{image::tl_files/bilder/kategorien/fassade/web/sandsteinimmitation_01.JPG?width=200[&]height=200[&]mode=proportional[&]rel=lightbox[multi]}}

Text Text text

Habe auch getested, ob ich ein Bild zum Element hinzufügen muss. Nichts.

Das Vorschaubild wird angezeigt, mehr nicht-
Wenigstens müsste sich doch der Mauszeiger ändern... Also kein link da.
Aber nichts. Aber alternativ auch slimbox und lightbox4ward probiert, aber wieder rausgeschmissen.

Systemwartung habe ich mal durchgeführt. cache ist leer. mehrfach einen neuen Artikel angelegt. Schreibschutz auf den Dateien ist keiner.

Alternativ habe ich auch mal andere Bilder genommen.

Im Layout habe ich

testweise den Dokumenttyp geändert (von strict auf traditional) und ein eigenes Javascript fürs IE Hovemenü (sucker) deaktiviert (<script type="text/javascript" src="plugins/sfHover.js"></script>)

Hat aber auch nichts gebracht.

Was ich gesehen habe, dass mir beim Layout kein mootools.css / mediabox.css angeboten wird.

Also Mootoolsquelle habeich die lokale Kopie genommen und testweise auch die onlinevariante....
Ohne Erfolg...

Wo kannst liegen?
Danke für eure Mühe!
tsunami

**tsunami** · 21.10.2010, 12:04

Hallo ,
ich habe gerade festgestellt, dass es im Firefox und im Chrome nicht geht.
IM IE und Opera tut es. Zumindest halb.
Also eine Lighbox kommt, aber kein Link zum nächsten Bild.

Gruß
tsunami

**tsunami** · 21.10.2010, 12:05

Im alten Typolight tats es noch...
In allen Browsern...

***xchs*** · 21.10.2010, 12:18

Zitat von tsunami

Was ich gesehen habe, dass mir beim Layout kein mootools.css / mediabox.css angeboten wird.

Wird das betreffende MooTools-Skript am Seitenende eingebunden? Hast Du das Seiten-Template geändert?

Hast Du einen Link zur betreffenden Seite? Dann würde man das Problem vermutlich schneller finden...

**tsunami** · 21.10.2010, 12:28

Sorry ist nur offline im localhost.

Das Seitentemplate habe ich nicht geändert.
Mootools ist drin:

<link rel="stylesheet" href="system/contao.css" type="text/css" media="screen" />

<link rel="stylesheet" href="plugins/mediabox/css/mediabox.css?1.2.0" type="text/css" media="screen" />
<link rel="stylesheet" href="tl_files/tinymce.css?1285343479" type="text/css" media="screen" />
<link rel="stylesheet" href="system/html/47eb0b670c8059bf.css" type="text/css" media="all" />
<script type="text/javascript" src="plugins/mootools/mootools-core.js?1.2.4"></script>
<script type="text/javascript" src="plugins/mootools/mootools-more.js?1.2.4.4"></script>

Gruß
tsunami

***xchs*** · 21.10.2010, 12:45

Wie schaut's damit aus:

Zitat von xchs

Wird das betreffende MooTools-Skript am Seitenende eingebunden?

Lassen sich die betreffenden Skripte des Frameworks bzw. der Mediabox auch direkt im Browser aufrufen?

Kannst Du bitte auch den durch den {{image::*}} Inserttag generierten HTML-Quelltext posten? Vielleicht gibt es ein Problem mit den Entities...

**tsunami** · 21.10.2010, 12:55

Code:

<script type="text/javascript" src="plugins/mediabox/js/mediabox.js?1.2.0"></script> 
<script type="text/javascript"> 
<!--//--><![CDATA[//><!--
Mediabox.scanPage = function() {
  var links = $$("a").filter(function(el) {
    return el.rel && el.rel.test(/^lightbox/i);
  });
  $$(links).mediabox({/* Put custom options here */}, null, function(el) {
    var rel0 = this.rel.replace(/[[]|]/gi," ");
    var relsize = rel0.split(" ");
    return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
  });
};
window.addEvent("domready", Mediabox.scanPage);
//--><!]]>
</script>

und

Code:

<p><a href="tl_files/bilder/kategorien/fassade/web/sandsteinimmitation_01.JPG" rel="lightbox[multi]"><img src="system/html/sandsteinimmitation_01-068917c3.jpg" alt="" /></a></p>

***xchs*** · 21.10.2010, 13:01

Kann keinen Fehler finden, sieht soweit eigentlich ganz gut aus!

Was Du noch per Firebug überprüfen könntest, ob über dem Vorschaubild eventuell ein anderes (unsichtbares) HTML-Element (z.B. ein Container o.dgl.) liegt und dadurch den Link überlagert...

**tsunami** · 21.10.2010, 13:21

Ich Ahne was...

Und zwar wird im Tut für den Suckerfisch (hovermenu). Oben für das Menü als height:500px angegeben. Damit genug Platz bleibt fürs Submenü.

Und der Container legt sich über das Bild...
Deaktiviere ich das Modul gehts...

Muss ich dann irgendwo noch ein z-index reinpacken?
Das menu wird eigentlich nur gebraucht, wenn kein Bild / LB angezeigt wird. Wenn eine Box da ist wird im Vordergrund eh durch die Bilder geblättert...
Box zu, dann gehts auch wieder mit dem menu. Oder liege ich auf dem Holzweg

http://screencast.com/t/RD4RPHoPDU

***xchs*** · 21.10.2010, 13:34

Zitat von tsunami

Muss ich dann irgendwo noch ein z-index reinpacken?

Kann sein, ja. Ohne das direkt sehen zu können, kann man aber auch nur rumraten.

Mit Firebug findest Du aber sicherlich rasch das Problem und ggf. auch eine Lösung.

**tsunami** · 21.10.2010, 15:10

Ich habs halt nach der Anleitung gemacht:

http://de.contaowiki.org/typolight/TutorialsSuckerfish

http://screencast.com/t/Ssb4nrsX8Sg

Hm...

Ändere ich die Höhe, schneidet er mir die Unterpunkte ab...

Aber das würde ja heißen, dass er mir so alle Seiten komplett überlagert- Das soll er ja auch, aber nur beim aufklappen und nicht im "normalen" Zustand.

**tsunami** · 24.10.2010, 14:10

Hallo,

nun habe ich das height rausgenommen. IM IE, FF, Opera und chrome tut jetzt alles.

Aber: Nun zeigt der mir nicht die Ordnerinhalte in der Lightbox an, sondern die Bilder der verschiedenen Gallerien.
Ich habe halt 3 Tabellen angelegt. Links einen text und rechts ein Vorschaubild mit Lightbox und Gallerie. Also:

Code:

...<table><tr><td>Ausflug 1:</td><td> {{image::tl_files/bilder/ausflug1/bild1.JPG?width=64[&]mode=proportional[&]rel=}}</td></tr></table>

Nun sollte sich eigentlich beim Klick eine Lightbox öffnen, in welcher ich durch die Bilder des gewählten Ordners klicken kann.
Also vor und zurück. Aber dummerweise zeigt er mir nur die Start-Bilder der 3 angelegten Vorschaubilder.

Ich habe mediabox probiert 4wardbox,limbox und noch einige Erweiterungen getestet.
Slideshow macht in etwa das was ich möchte, aber mit der großbildansicht beim start.
Ich möchte halt eine Kombination von lightbox und slideshow.
Also ein Vorschaubild. Beim klick öffnet sich eine Lightbox und in der Lighbox läuft die Erweiterung slideshow.

Eine einfache bildershow aus einem Ordner also. Müsste doch möglich sein...
Danke für eure Mühe...