Druckbare Version
Hallo zusammen,
seit dem Update auf Version 2.8 öffnet sich bei meinem Projekt auf keiner Seite mehr die Lightbox beim Klicken auf ein Bild.
Auch ein Aktivieren des moo_mediabox-Templates in allen Seitenlayouts hat nicht geholfen.
Was muss hier nach dem Update umkonfiguriert werden?
Gruß c.adam
Wenn Du den Firefox nutzt, oeffne mal die Fehlerkonsole. Dort sollten Infos angezeigt werden, was mit dem ganzen JS Kram schieflaeuft.
Hast Du einen Link parat ?
Hi,
hier ein Link: http://www.mv-altenheim.de/index.php...enkapelle.html
Alle Fotos auf dieser Seite wurde bis vor dem Update beim Anklicken als Lightbox angezeigt.
Hi
hast du nach dem Update auch die install.php ausgeführt?
Ansonsten von Hand für das entsprechende Layout die Mediabox oder die Slimbox beim Javascriptteil aktivieren.
Gruß b2m
Hallo!
Ich hänge mich hier mal an, da mein Symptom dasselbe ist, der Grund aber ein anderer. Ich will gerne in 2.8.0 ein NEUES Bild mit lightbox/mediabox (Wie ist das jetzt überhaupt, geht beides?!) einbinden. Bisher habe ich noch keine lightbox irgendwo verwendet, darum kann ich auch nicht sagen, ob und wie es vor dem Update funktionierte. Wenn ich in einem Artikel das Inhaltselement "Bild" verwende, kann ich einen Haken bei "Großansicht/Lightbox" setzen oder nicht, das Bild wird nur als normales (evtl. skaliertes) Bild eingefügt, hat aber _kein_ "rel"-Attribut gesetzt.
Im tinyMCE (Inhaltselement "Text") schaffe ich es, ein kleines Bild einzufügen (Über Funktion "Bild einfügen", NICHT "Lightbox-Bild einfügen), das zu markieren und dann über die "Link einfügen"-Funktion ein Link zum großen Bild zu setzen. Wenn ich dort dann Typ "Einzelnes Bild" auswähle, erscheint in der Tat ein rel="lightbox" im entsprechenden Link.
Aber, ist das so (kompliziert) gewollt? Wieso macht der Haken beim Inhaltselement Bild offensichtlich nichts? Und wie würde ich ein rel="mediabox" einfügen können, evtl. auch noch mit Parametern? Habe leider keine Doku zum Thema "Mediabox in TL 2.8" gesehen bisher.
Danke für Hinweise...
Stefan
Hallo Adam!
Ich habe im Seitenquelltext deiner Seite gesehen, dass Du /plugins/mootools/mootools.js einbindest. So stand es in meinem Seitentemplate auch drin. Habe nun gesehen, daß es nach dem 2.8.0-Update in dem verzeichnis ein mootools-core.js und ein mootools-more.js gibt. Ich habe in meinem Seitentemplate mootools.js durch mootools-core.js ersetzt, und dann läuft die Box wieder. Grund war, dass dieser Pfad fest im Seitentemplate kodiert war. Keine Ahnung, ob es da einen besseren Weg gibt. Ich habe mein Seitentemplate vor einiger Zeit mal nach einem Tutorial erstellt, was es so vorgegeben hatte...Zitat:
Zitat von c.adam
Stefan
Hallo Stefan,
danke für deine Antwort. Da haben wir wahrscheinlich nach dem gleichen Tutorial gearbeitet.
Ich habe jetzt im Template auf mootools-core.js umgestellt - allerdings brachte das bei mir noch keine Lösung. Die Lightbox funktioniert dennoch nicht.
Ich kämpfe mich gerade dadurch, etwas verwirrend. Bitte prüfe, ob in deinem Seitenlayout unter "Skriptbereich" unter MooTools-Templates der Haken bei "moo_mediabox" gesetzt ist. Dann wird am Ende deines HTML-Files ein Stück Javascript eingebunden, was die Media-Box-Links "aktiviert".
Sieht bei mir so aus:
Im Seitenquelltext deiner Seite fehlt das noch. Ausserdem wird hier mediabox.js geladen. In meinem Seitentemplate stand das oben noch im Header fest mit drin. Falls das bei dir auch so ist, kannst du es im Seitentemplate oben rauslöschen. Auch mediabox.css wird dann unter $this->stylesheets eingetragen und muss nicht mehr hardkodiert im Header des Seitentemplates stehen, wie es vorher bei mir war. Es ist zwar prinzipiell nicht schädlich, wenn alles 2mal drinsteht, aber muss ja auch nicht sein. Komischerweise wird aber mootools-core.js nicht automatisch durch das mooTools-Template eingebunden, wie ich erwartet hatte. D.h. in meinem Seitentemplate steht mootools-core.js immernoch hardkodiert drin. In meinem Seitentemplate steht nun im Head:Code:<script type="text/javascript" src="plugins/mediabox/js/mediabox.js"></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>
Zusammen mit dem aktivierten moo_mediabox im Seitenlayout geht es dann. Hier wurde beim Update was umgestrickt, was nicht kompatibel mit unseren "alten" Seitentemplates ist..Code:...
<?php echo $this->stylesheets; ?>
<script type="text/javascript" src="plugins/mootools/mootools-core.js"></script>
<?php echo $this->head; ?>
</head>
Stefan
Trotzdem hier nochmal meine Frage: Wie füge ich denn nun "richtig" mediabox-Links ein? Mit dem tinyMCE, mit einem Inhaltselement (welchem?) ?
Und sollte die Checkbox "Großansicht/Lightbox" im Inhaltselement "Bild" nicht das rel-Attribut richtig setzen?
Danke,
Stefan
War bei mir auch so (http://little-boxes.de). Das große Bild erschien zwar, aber auf einer eigenen Seite, als ob man JS deaktiviert hätte. Lag zum großen Teil an meiner Seitenvorlage fe_yaml.tpl:Zitat:
Zitat von c.adam
- Im HEAD der Seitenvorlage muss wie in diesem Thread beschrieben der hardkodierte Aufruf der Moo-Tools angepasst werden.
- Am Ende des Seitentemplates (kurz vor </body>) fehlte das Schnippsel <?php echo $this->mootools; ?>
- Bei den Seitenlayouts im Backend habe ich außerdem die Slimbox wieder aktiviert (steht das jetzt per default auf Mediabox?)
Nach diesen Anpassungen funktioniert die Slimbox wieder. Insgesamt sieht die fe_yaml.tpl jetzt so aus:
Code:<head> [... andere Elemente ...]
<script type="text/javascript" src="/plugins/mootools/mootools-core.js"></script>
<script type="text/javascript" src="/plugins/mootools/mootools-more.js"></script>
<link rel="stylesheet" href="plugins/slimbox/css/slimbox.css" type="text/css" media="screen" />
<?php echo $this->head; ?>
</head>
[... body und so weiter]
</div><!-- end: #page_margins -->
<?php echo $this->mootools; ?>
<?php if ($this->urchinId): ?>
[... der Rest vons Janze]
Also ich habe das gleiche Problem. Alle oben genannten Schritte habe ich durchgeführt.
- Hardkodierung angepasst
- Mootools eingeschaltet
- Vorm Body den Eintrag gemacht.
Kein Erfolg.
Hallo!
Ja richtig, bei mir steht $this->mootools auch im Template, vielleicht kann diese fehlende Zeile auch noch der Grund sein.Zitat:
Zitat von pmmueller
Stefan
Hallo!
Wie sieht dein Seitenquelltext aus? Kannst Du uns einen Link geben, wo das auftritt?
Stefan
Zitat:
Zitat von zonk
Habe auf einem Testsystem auf 2.8 geupdated, um genau solche Fehler vorher zu prüfen. Ich poste gleich mal einen verkürzten Auszug. Seite kann ich so nicht bieten läuft lokal.
Quelltext deines Seitentemplates + der ausgelieferte Seitenquelltext (HEAD-Bereich und die untersten 20-30 Zeilen des BODY) wären interessant.
Stefan
So sieht mein Template aus:
Dann kommt der BodyCode:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="<?php echo $this->base; ?>"></base>
<title><?php echo $this->pageTitle; ?> - <?php echo $this->mainTitle; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->charset; ?>" />
<meta name="description" content="<?php echo $this->description; ?>" />
<meta name="keywords" content="<?php echo $this->keywords; ?>" />
<?php echo $this->robots; ?>
<script type="text/javascript" src="/plugins/mootools/mootools-core.js"></script>
<script type="text/javascript" src="/plugins/mootools/mootools-more.js"></script>
<link rel="stylesheet" href="plugins/slimbox/css/slimbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="tl_files/ffn_frontend.css" type="text/css" media="screen" />
<link rel="stylesheet" href="system/typolight.css" type="text/css" media="screen" />
<?php echo $this->stylesheets; ?>
<script type="text/javascript" src="plugins/slimbox/js/slimbox.js"></script>
<?php echo $this->head; ?>
</head>
Hier der ausgelieferte Seitenquelltext:Code:<body>
.
.
.
<?php echo $this->mootools; ?>
</body>
Letzten Zeilen des Body:Code:<head>
<base href="http://localhost/tl/"></base>
<title>Ausbildung in der Frühdefibrillation - Freiwillige Feuerwehr Nauheim</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="index,follow" />
<script type="text/javascript" src="/plugins/mootools/mootools-core.js"></script>
<script type="text/javascript" src="/plugins/mootools/mootools-more.js"></script>
<link rel="stylesheet" href="plugins/slimbox/css/slimbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="tl_files/feuerwehr_nauheim/frontend_06-2009.css" type="text/css" media="screen" />
<link rel="stylesheet" href="system/typolight.css" type="text/css" media="screen" />
<link rel="stylesheet" href="plugins/mediabox/css/mediabox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="plugins/slimbox/css/slimbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="plugins/slimbox/js/slimbox.js"></script>
<style type="text/css">
<!--
body {background:#d0d0d0; padding:0px 0 10px 0; margin:0;}
//-->
</style>
</head>
Code:<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.addEvent('domready', function()
{
new Accordion($$('div.toggler'), $$('div.accordion'),
{
display: false,
alwaysHide: true,
opacity: (window.ie ? false : true)
});
});
//--><!]]>
</script>
<script type="text/javascript" src="plugins/mediabox/js/mediabox.js"></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>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.addEvent('domready', function() {
new Accordion($$('div.toggler'), $$('div.accordion'), {
alwaysHide: true,
opacity: false
});
});
//--><!]]>
</script>
<script type="text/javascript" src="plugins/slimbox/js/slimbox.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
Slimbox.scanPage = function() {
$$(document.links).filter(function(el) {
return el.rel && el.rel.test(/^lightbox/i);
}).slimbox({}, null, function(el) {
return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
});
};
window.addEvent("domready", Slimbox.scanPage);
//--><!]]>
</script>
</body>
Sieht so aus, als wenn du moo_mediabox und moo_slimbox beide aktiviert hast, ich weiss nicht, ob das ein Problem macht. Probiere vielleicht mal nur slimbox. Deine Links haben auch das richtige "rel"-Attribut? Sonst sieht das für mich eigentlich ganz OK aus.
Stefan
Wenn ich das neue System richtig verstanden habe, dann brauchst du im HEAD slimbox.js nicht mehr zu laden. Außerdem bindest du das Stylesheet slimbox.css zwei Mal ein, auch wenn das ziemlich sicher nichts mit deinem Problem zu tun hat:
Wenn du im Backend bei "Seitenlayouts" das Häkchen bei Slimbox setzt, wird glaube ich ganz unten auf der Seite (wo im Seitentemplate $this->mootools steht ) die slimbox.js sowieso eingebunden. Unten auf der Seite (statt im HEAD) hat außerdem denn Vorteil, dass das JS erst _nach_ der Seite geladen wird, sodass diese im Browser des Besuchers schneller erscheint.Zitat:
Zitat von zonk
Ich hatte gestern auch einmal den Fall, dass JS-mäßig alles stimmte, nur hatte ich die slimbox.css noch versehentlich auskommentiert. Das sah auf der Seite dann so aus, dass die große Grafik zwar erschien, aber nicht im eigenen Fenster, sondern links unterhalb der normalen Seite, sodass ich das zuerst gar nicht mitbekommen habe und dachte es ist nichts passiert.
Slimbox.js hab ich drin gelassen.
Den doppelten Eintrag der slimbox.css entfernt.
Mediabox deaktiviert.
Ergebnis: Bild wird nicht in der Lightbox geöffnet
Code:<head>
<base href="http://localhost/tl/"></base>
<title>Ausbildung in der Frühdefibrillation - Freiwillige Feuerwehr Nauheim</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="index,follow" />
<script type="text/javascript" src="/plugins/mootools/mootools-core.js"></script>
<script type="text/javascript" src="/plugins/mootools/mootools-more.js"></script>
<link rel="stylesheet" href="tl_files/feuerwehr_nauheim/frontend_06-2009.css" type="text/css" media="screen" />
<link rel="stylesheet" href="system/typolight.css" type="text/css" media="screen" />
<link rel="stylesheet" href="plugins/slimbox/css/slimbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="plugins/slimbox/js/slimbox.js"></script>
<style type="text/css">
<!--
body {background:#d0d0d0; padding:0px 0 10px 0; margin:0;}
//-->
</style>
</head>
Code:
<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.addEvent('domready', function()
{
new Accordion($$('div.toggler'), $$('div.accordion'),
{
display: false,
alwaysHide: true,
opacity: (window.ie ? false : true)
});
});
//--><!]]>
</script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.addEvent('domready', function() {
new Accordion($$('div.toggler'), $$('div.accordion'), {
alwaysHide: true,
opacity: false
});
});
//--><!]]>
</script>
<script type="text/javascript" src="plugins/slimbox/js/slimbox.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
Slimbox.scanPage = function() {
$$(document.links).filter(function(el) {
return el.rel && el.rel.test(/^lightbox/i);
}).slimbox({}, null, function(el) {
return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
});
};
window.addEvent("domready", Slimbox.scanPage);
//--><!]]>
</script>
</body>
Nur zur Sicherheit: Deine Bilder haben das rel="lightbox" Attribut in den Links?
Stefan
Ist die Image Gallery Erweiterung, die Antwort ist somit ja :)
Hier ein Auszug:
Code:<div class="ce_news_gallery block">
<h3>Bilder</h3>
<table cellspacing="0" cellpadding="0" summary="Image gallery">
<tbody>
<tr class="row_0 row_first even">
<td class="col_0 col_first" style="width:16%;">
<div class="image_container" style="padding:2px;">
<a href="tl_files/Bilder/Einsatzabteilung/News/2010/10.01.30%20AED%20Schulung/10_01_30_01.jpg" rel="lightbox[lb299]" title="01 30 01"><img src="system/html/10_01_30_01-84262e7a.jpg" width="120" height="75" alt="01 30 01" /></a>
</div>
</td>
Tja, dann bin ich mit meinem Latein erstmal am Ende, sorry...
Stefan
hm ok.
Trotzdem dann bis hier schon mal vielen Dank!
Edit: Ich habe die slimbox.js nun auch im head raus genommen. Sie wird wie unten eingebunden.
wäre auch meine frage...Zitat:
Zitat von dl1ely
ich möchte gern mit einem link, eine galerie in einer lightbox öffnen.
man kann in den link-optionen "galerie" auswählen, aber die lightbox bleibt leer.
(logisch eigentlich, denn man kann nicht angeben, WELCHE galerie angezeigt werden soll.
habt ihr eine idee?
übrigens bei mir funktioniert alles. also lightbox ect. ohne anpassung der templates und ohne hardcoding.
das einzige, was mir aufgefallen ist, ist dass wenn man eine slideshow verlinkt und auf großansicht stellt, neben der mediabox noch eine ander lightbox aufgeht. so sind dann quasi zwei lightboxes hintereinander geöffnet.
das ist irgendwie nicht richtig.
hab im layout alle moo_tools-templates deaktiviert, trotzdem geht dann noch ein fenster auf. das sollte doch eigentlich nicht sein, oder?
andi
@peter müller: also ich verwende auch yaml in kombi mit TL 2.8
Nach Update mit easyupdate funzt alles wie vorher. ich habe garnix im code verstellt. habe ich einen fehler gemacht?
hier die seite: http://fachschule-gartenbau.de.fc-host21.de/galabau.htm
Bitte rechts auf das Bild klicken. Box öffnet sich ...
Hm, wenn bei euch alles funktioniert, könnt ihr evtl. mal euren head posten und die Einstellungen angeben die Ihr im Template gemacht habt?
schau dir doch den Quelltext des Links an - wie gesagt, ich habe garnichts verstellt.
hier noch das template, das seit version 2.7.5 von mir nicht mehr verändert wurde.
Code:<?php echo $this->doctype; ?>
<html xmlns="http://www.w3.org/1999/xhtml" lang="<?php echo $this->language; ?>">
<head>
<base href="<?php echo $this->base; ?>"></base>
<title><?php echo $this->pageTitle; ?> - <?php echo $this->mainTitle; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->charset; ?>" />
<meta name="description" content="<?php echo $this->description; ?>" />
<meta name="keywords" content="<?php echo $this->keywords; ?>" />
<?php echo $this->robots; ?>
<link href="css/my_layout.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<style type="text/css">
#topnav img { behavior: url(iepngfix.htc) }
</style>
<![endif]-->
<!--[if lte IE 7]>
<link href="css/patches/patch_my_layout.css" rel="stylesheet" type="text/css" />
<![endif]-->
<link rel="stylesheet" href="plugins/slimbox/css/slimbox.css" type="text/css" media="screen" />
<?php echo $this->stylesheets; ?>
<script type="text/javascript" src="plugins/mootools/mootools.js"></script>
<script type="text/javascript" src="plugins/slimbox/js/slimbox.js"></script>
<?php echo $this->head; ?>
</head>
<body id="top"<?php if ($this->class): ?> class="<?php echo $this->class; ?>"<?php endif; if ($this->onload): ?> onload="<?php echo $this->onload; ?>"<?php endif; ?>>
<div class="page_margins">
<div class="page">
<div id="header">
<div id="topnav">
<?php echo $this->sections['topnav']; ?>
</div>
<?php echo $this->header; ?>
</div>
<!-- begin: main content area #main -->
<div id="main">
<!-- begin: #col1 - first float column -->
<div id="col1">
<div id="col1_content" class="clearfix">
<?php echo $this->left; ?>
</div>
</div>
<!-- end: #col1 -->
<!-- begin: #col2 second float column -->
<div id="col2">
<div id="col2_content" class="clearfix">
<?php echo $this->main; ?>
</div>
</div>
<!-- end: #col2 -->
<!-- begin: #col3 static column -->
<div id="col3">
<div id="col3_content" class="clearfix">
<?php echo $this->right; ?>
</div>
<div id="ie_clearing"> </div>
<!-- End: IE Column Clearing -->
</div>
<!-- end: #col3 -->
</div>
<!-- end: #main -->
<!-- begin: #footer -->
<?php if ($this->footer): ?>
<div id="footer">
<?php echo $this->footer; ?>
</div>
<?php endif; ?>
<!-- end: #footer -->
</div>
</div>
<?php echo $this->mootools; ?>
</body>
</html>
Welche Häkchen sind im Backend bei "Seitenlayouts" gesetzt?
Ich habe nun einmal die Reihenfolge geändert, ähnlich bei dir. Und was soll ich sagen .. nun geht auch die Lightbox wieder. Auch die mootools habe ich nicht angepasst, alles funktioniert. Ich versteh es nicht.. Bei Seitenlayout ist nur moo_slimbox angehakt.
Äh, wenn alles funktioniert, wieso sollst du einen Fehler gemacht haben? In meinem Seitentemplate fe_yaml.tpl war das Schnippsel <?php echo $this->mootools; ?> nicht drin war. Warum auch immer. Bei dir ist das ja drin.Zitat:
Zitat von mw1972
Peter
angehakt ist/war moo_mediabox und moo_close_all
das ist alles schon so lange her, dass ich das aufgesetzt habe, dass ich mich ehrlich gesagt gar nicht mehr erinnern kann, wieso und ob ich das wirklich selber alles angehakt habe ...
Bin auch kein Experte. Noch ein kleiner Nachtrag: ich habe mich der yaml-Einstellung strikt nach der Schritt-für-Schritt-Anleitung in diesem Forum gerichtet.Zitat:
Zitat von pmmueller
die sind aber seit einiger zeit die selben und nicht speziell auf TL 2.8 abgestimmt. Vieleicht liegt es ja an diesem easyupdateding.
Was mich z. B. auch wundert ist, dass plötzlich die Elemente für die Subtemplates automatisch eingefügt werden, wenn man bloß den Anfang vorgibt....
naja, hauptsache es geht.
Hallo,
wir haben ebenfalls ein Problem mit der Lightbox nach dem Update auf 2.8. In den Nachrichten haben wir bei den eingebundenen Bildern "Großansicht/Neues Fenster" aktiv. In der Vollansicht der Nachricht funktioniert. Auf der Seiten mit den letzten Nachrichten wird keine Lightbox erzeugt und es fehlen auch die Angaben von rel="lightbox" bei den entsprechenden Artikeln. Wenn ich die Großansicht herausnehme, ist auch keine Lightbox in der Vollansicht mehr vorhanden, aber das Bild in den letzten Nachrichten (Modul Nachrichtenliste) ist immer noch auf das Großbild verlinkt. Hat jemand eine Idee oder ähnliche Probleme?
Viele Grüße,
Andreas
Hi
@teisger: in deinem Falle würde ich mal nach und nach die Module durchgehen, die du zusätzlich installiert hast. Bei mir war es das tags-Modul, dass die Originalmethoden überschrieben hat (https://community.contao.org/de/showthread.php?t=6559).
Edit: Inzwischen sollte das Problem gelöst sein.
Gruß b2m
@teisger Das von dir beschriebene Phänomen war bei uns nicht aufgetreten. Bei mir läuft nun alles, nachdem ich im Template mal aufgeräumt habe und nicht alles x-fach geladen wurde.
Was mich nur ein bischen wundert: Ich habe das Update auf 2.8 auf meinem Testsystem durchgeführt, hatte Probleme mit der Lightbox und die waren dann s.o. beseitigt. Ich hatte aber immer noch die Lightbox (weiss) mit den Prev. Next Buttons links und rechts im Bild.
Nach dem Update auf meinem Live-System und der Anpassung meiner Fehler im Template funktioniert dort nun auch alles, jedoch ist die Lightbox schwarz. Wo genau wir die genutzte Version eingestellt ?
Im Backend bei den Seitenlayouts. Ganz nach unten scrollen, und dann kannst du dort die entsprechenden Skripte an- und ausstellen. Slimbox weiß, Mediabox schwarz.Zitat:
Zitat von zonk
Hmm, eigentlich ganz einfach, hab ich nicht gesehen :o Danke!Zitat:
Zitat von pmmueller
Hallo b2m,
danke für den hilfreichen Tipp! Es lag tatsächlich an dem tags-Modul. Es steht nun auch in einer aktualisierten Fassung zum Download bereit. Mit Aktualisierung des Modules erscheint die Lightbox wieder korrekt.
Viele Grüße, Andreas
Zitat:
Zitat von b2m
Hallo zusammen,
trotz der vielen Antworten funktionieren die Lightboxen bei mir immer noch nicht.
Folgendes habe ich bisher unternommen:
- Hardcodierten Aufruf der mootools im Template entfernt und durch <?php echo $this->mootools; ?> ersetzt
- moo_slimbox im Seitenlayout aktiviert
- Überprüft ob alle Bilder rel="lightbox" eingetragen haben - ist ok
Leider alles ohne Erfolg. An installierten Erweiterung kann es denke ich nicht liegen. Hier eine Übersicht über die installierten Erweiterungen:
- BackupDB
- dlh_reservationplan
- Photoalbums
- simile-timeline
- visitors
Hat noch jemand eine Idee woran es liegen könnte? Beispiel-Link nach wie vor: http://www.mv-altenheim.de/index.php...enkapelle.html
Gruß c.adam
Bei dir fehlt im Quelltext ein Stückchen Javascript.
Bei mir steht fast am Ende des Quellcodes
Dieses Codestück wird bei mir in der Stelle im Template eingesetzt, woCode:<script type="text/javascript" src="plugins/mediabox/js/mediabox.js"></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>
erscheint. Du musst "nurnoch" rausfinden, warum dieser JS-Schnippsel bei dir nicht erscheint, obwohl du die Zeile drin hast. Kannst du dein Seitentemplate mal zeigen?Code:<?php echo $this->mootools; ?>
Danke,
Stefan
EDIT: Das ist jetzt das JS für "MediaBox", für Slimbox wird aber was ähnliches eingetragen...
Hallo Stefan,
jetzt habe ich den Code auch drin - Lightbox funktioniert noch nicht.
Hier noch mein Template:
HTML-Code:<?php echo $this->doctype; ?>
<html xmlns="http://www.w3.org/1999/xhtml" lang="<?php echo $this->language; ?>">
<head>
<base href="<?php echo $this->base; ?>"></base>
<title><?php echo $this->pageTitle; ?> | <?php echo $this->mainTitle; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->charset; ?>" />
<meta name="description" content="<?php echo $this->description; ?>" />
<meta name="keywords" content="<?php echo $this->keywords; ?>" />
<?php echo $this->robots; ?>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<?php echo $this->stylesheets; ?>
<?php echo $this->head; ?>
</head>
<body class="left">
<div id="wrapper">
<span class="header_title"><?php echo $this->pageTitle; ?></span>
<div id="header">
<?php echo $this->header; ?>
</div>
<div class="container">
<div id="page">
<div class="content"><?php echo $this->main; ?></div>
</div>
<div id="sidebar"> <?php echo $this->left; ?> </div>
</div>
<div class="push"> </div>
</div>
<div id="footer"><?php echo $this->footer; ?></div>
<?php echo $this->mootools; ?>
</body>
</html>
Jetzt hast du slimbox UND mediabox aktiviert, vielleicht hakt es daran. Nur Mut, wir kommen der Sache näher ;-).
EDIT: Jetzt fehlt wieder die Einbindung von mootools-core.js in deinem Header, die war gerade eben noch da...Die muss hardcodiert im Seitentemplate drinstehenbleiben, das wird von $this->mootols; nicht abgedeckt...
Stefan
So, jetzt habe ich alles so wie du es beschreibst. Leider noch kein Erfolg zu vermelden.
Puuuh, harte Nuss...Ehrlich gesagt habe ich jetzt keine Idee mehr, ich sehe kein offensichtliches Problem, bzw. keinen Unterschied zu meinem (funktionierenden) Code. Als last try: Hast du mal Mediabox statt Slimbox ausprobiert?
Stefan
Hallo Stefan,
auch Mediabox bringt keine Lösung - habe es gerade mal kurz getestet.
Komische Geschichte - habe ich da beim manuellen Update möglicherweise etwas zerschossen? Ich überlege gerade, ob ich die Ordner /plugins/mediabox und /plugins/slimbox nochmal komplett drüberbügeln soll.
Probiere das mal aus, da kann man ja nicht viel kaputtmachen. Ich weiß nicht, in wie weit es möglich ist, mit einem JS-Debugger o.ä. mal zu schauen, ob die Links überhaupt richtig erkannt werden...Im Chrome kann ich innerhalb der scanPage-Funktion keinen Breakpoint setzen. Habe da aber auch noch keine großen Erfahrungen gesammelt, ob das überhaupt geht, weil es ein Callback ist.
Aus meiner Sicht sind alle notwendigen Komponenten da:
- mootools-core.js wird geladen
- slimbox.css wird geladen
- slimbox.js wird geladen
- Die Links haben das rel="lightbox" Attribut
- Du hast das Stück Javascript auf deiner Seite, was alle Links mit lightbox-Attribut durchgehen und "slimboxen" sollte
Checke auf jeden Fall mal deine Installation mit https://contao.org/den-live-server-k...tem-check-tool.
Stefan
Könnte es sein, dass im head noch ein Eintrag fehlt?
Ich habe 2 drin stehen:
Code:<script type="text/javascript" src="plugins/mootools/mootools-core.js"></script>
<script type="text/javascript" src="plugins/mootools/mootools-more.js"></script>
Hallo Thomas,
das war die Lösung: Der zweite Eintrag hatte gefehlt. Nun läuft die Lightbox wieder. Vielen Dank!
Fehlender Code:
Danke an Stefan für dein Durchhaltevermögen!HTML-Code:<script type="text/javascript" src="plugins/mootools/mootools-more.js"></script>
Aha...Schön, dass es bei dir funktioniert, aber da muss es noch mehr "Randbedingungen" geben.
Auf meiner "Testseite" http://tl.gruen-weiss-aachen.de/news.html funktioniert slimbox nämlich mit den beiden dort gezeigten Bildern, obwohl NUR mootools-core.js eingebunden wird. Mediabox funktioniert auch...Kann sich jeder im Quelltext der Seite von überzeugen ;-)
Darum habe ich das fehlen dieses Skriptes als mögliche Ursache nämlich ausgeschlossen.
Aber gut, wenn es jetzt funktioniert...Trotzdem fürchte ich, dass das noch nicht die ganze Wahrheit ist :-).
Stefan
Hast du noch was geändert? Ich habe auf deinen Link geklickt, dann auf das Bild links. Und jumtiwums, die Slimbox kommt. No problemo.Zitat:
Zitat von c.adam
Ja, er hat was geändert, und sein Problem ist jetzt gelöst.
Wobei seine Lösung für mich etwas rätselhaft ist, weil es bei mir auch ohne mootools-more.js geht, und ich das deshalb nicht im Verdacht hatte...Zitat:
Zitat von c.adam
Stefan
@dl1ely
Hast Du diese noch bei Dir eingebunden?
Dann dürfte das die Rätsels Lösung sein. ;)Code:<script type="text/javascript" src="plugins/mootools/mootools.js"></script>
Hallo Thomas,
Nein, natürlich nicht. Diese Datei existiert nach dem Update ja nicht mehr. Ich hatte sie vorher fix im Template stehen, habe gemerkt, dass es nicht funktioniert, und die Dateien jetzt -core und -more heißen. habe die "alte" mootols.js im Template gegen mootools-core.js ausgetauscht. Ausgetauscht, nicht ergänzt ;-). Wie gesagt, im Quelltext von http://tl.gruen-weiss-aachen.de/news.html ist es zu sehen. Und slimbox/mediabox funktioniert.
Stefan
Hmmm, ich habe nach dem Update alle drei und das funktioniert scheinbar auch.
Dann vermute ich, dass die mootools.js, die Du noch hast, von der 2.7.6 übrig hast, guck mal auf das Dateidatum. In meinem Download der 2.8.0 gibt es zumindest kein mootools.js mehr.
Stefan
I know.
Scheinbar stellt diese Datei noch andere Funktionen zur Verfügung, die so nicht mehr vorhanden sind.
Interessanter Weise habe ich auch 6 Möglichkeiten, MooTools in den Seitenlayouts zu aktivieren, die auch funktionieren.
Hier gibt es ein ähnliches Problem: https://community.contao.org/de/showthread.php?t=6664
Guten Morgen,
nach dem Update auf 2.8.0. funktionierte bei mir die Lightbox in Galerien nicht. Bei einzelnen Bildern hat sie sich geöffnet, bei Galerien nicht.
Also ewig den Fehler gesucht, die ganzen guten Tips hier befolgt und jetzt stellt sich durch einen Zufall heraus, dass in der meta.txt die Raute entfernt werden muss damit irgendwo ein rel_lightbox greift :rolleyes:
no comment...
Gruß, Jürgen
Hallo,
das Problem mit der Lightbox ist doch noch nicht behoben, die Fehler für mich als Dau auch nicht nachvollziehbar.
wie oben beschrieben entfernte ich das # in der meta.txt danach funktionierte die Lightbox wieder in Galerien.
Danach kümmerte ich mich um die Fehler im Systemcheck:
Register globals On
Upload maximum filesize 2m
Durch
und umbenennen der .htaccess.default in .htaccess zeigt mir der Systemcheck zwar 10M aber dafür funktioniert die Lightbox nicht mehr und alle Bilder öffnen sich in einem neuen Fenster. Desweiteren werden im Backend die kleinen Tooltips nicht mehr angezeigt. Auch das funktioniert dann wieder bei der Umbenennung der .htaccess in .htaccessPHP-Code:php_value upload_max_filesize 10M
php_value post_max_size 10M
Habe keine Ahnung von Js, deswegen bin ich völlig ratlos...
Ich weiß nicht ob es was damit zu tun hat, aber irgendwann fehlte dann auch das extension repository im Backend und lies sich erst durch ein Backup wieder zurückholen
edit: Wollte mir eigentlich die lightbox4ward nochmal installieren, bin jetzt aber verunsichert ob das nicht neue probleme bringt :rolleyes:
Gruß, Jürgen
Hallo dragon,
wenn du die .htaccess benutzt und es dann zu solchen Problemen kommt, dann stimmt anscheinend die Base in der .htaccess nicht und du hast typolight in einem Unterordner installiert. Also muss du in der .htaccess das so machen:
Viele GrüßeCode:RewriteBase /unterordner/
Mensch Meier, das wars! Jetzt funktionieren die Boxen. Ich danke Dir!
Gruß, Jürgen
Hallo dragon,
kein Problem. Hättest aber auch schneller selber herausfinden können mit der Suche ;-)
Viele Grüße
Hallo MacKP,
ich bemühe immer erst die Suche, nur manchmal fällt es mir schwer die Zusammenhänge zu verstehen und auf die richtigen Threads zu stoßen :o
Viele Grüße,
jürgen
Ich habe die Beiträge von andi-bar jetzt mal aus den anderen Threads rausgenommen (dort gehörten sie nicht hin) und einen eigenen Thread dafür gemacht.