Newbie: Lightbox und moo_mediabox

**Spencer** · 15.09.2010, 20:57

Hallöchen,

ich bin am Verzweifeln. Hab eine Galerie nach folgendem Tutorial erstellt:

http://de.contaowiki.org/Bildergaler...reativ_genutzt

Jetzt hab ich im Seitenlayout noch die moo_mediabox aktiviert.

Mein Problem ist jetzt folgendes (Suche hab ich schon bemüht)

Wenn ich auf das Thumbnail klicke öffnet sich nicht die Lightbox.. sondern einfach nur das Bild in groß...

So ein mist, hab ich was vergessen? Muss ich der Galerie noch irgendwie "sagen" dass es die mediabox benutzen muss?

Vielen Dank im vorraus und Entschuldigung wenn die Frage zu blöd ist...

Alexander

**planepix** · 15.09.2010, 21:22

Hallo Alexander,

hast Du im Seitenlayout bei den MooTool-Templates auch eines aktiviert?
z.B. moo_mediabox?

***xchs*** · 15.09.2010, 21:24

Hallo Spencer,

ich schätze mal, dass die Dateien des MooTools-Frameworks nicht bzw. nicht richtig geladen werden können.

Das kann jetzt aus unterschiedlichen Gründen der Fall sein, wenn beispielsweise:

die Dateien am Server nicht vollständig vorhanden sind oder nicht richtig übertragen wurden
fehlerhafte Rewrite-Regeln in der ".htaccess"
das Seiten-Template "fe_page.tpl" angepasst wurde und dabei die entscheidenen Stellen entfernt oder falsch abgeändert wurden

Mit einem Link zur betreffenden Seite könnte man das Problem schneller erkennen.

**Spencer** · 15.09.2010, 21:25

Ja habe moo_mediabox beim Seitenlayout aktiviert

Also im Moment läuft die Seite noch auf meinem MAMp, also Apache aufm Mac da hab ich alle Rechte und die Dateien sollten da sein wo sie sein sollten.

An der fe_page.tpl habe ich noch nie rumgebastelt. Hab nachgeschaut die Zeile <?php echo $this->mootools; ?>
sitzt auch direkt vor </body>

**varix** · 15.09.2010, 21:28

Hallo,

ich hatte mal ein ähnliches Problem. Ein Vorschaulbild wurde nicht in der Lightbox, sondern als großes Bild in einem neuen Fenster dargestellt. Die Lightbox hatte ich eingebunden. Nach stundenlanger Recherche ist mir aufgefallen, dass ich ein jquery-skript im headbereich eingebunden hatte. Das führte zu dem Problem. Als ich es entfernt hatte, lief die Box wie gewünscht.

Gruß
varix

***xchs*** · 15.09.2010, 21:31

Zitat von Spencer

Also im Moment läuft die Seite noch auf meinem MAMp, also Apache aufm Mac da hab ich alle Rechte und die Dateien sollten da sein wo sie sein sollten.

An der fe_page.tpl habe ich noch nie rumgebastelt. Hab nachgeschaut die Zeile <?php echo $this->mootools; ?>
sitzt auch direkt vor </body>

Dann versuch bitte mal, die beiden Dateien des Frameworks direkt über die URL im Browser aufzurufen!
Ggf. erhälst Du dabei einen Error 404...

**Spencer** · 15.09.2010, 21:32

Zitat von varix

Hallo,

ich hatte mal ein ähnliches Problem. Ein Vorschaulbild wurde nicht in der Lightbox, sondern als großes Bild in einem neuen Fenster dargestellt. Die Lightbox hatte ich eingebunden. Nach stundenlanger Recherche ist mir aufgefallen, dass ich ein jquery-skript im headbereich eingebunden hatte. Das führte zu dem Problem. Als ich es entfernt hatte, lief die Box wie gewünscht.

Gruß
varix

Deinen Thread habe ich auch gelesen ;-)

Ich bin noch sehr neu und weiß ehrlich gesagt nicht was ein jquery-skript ist..

In welchem Head Bereich meinst du denn fe_page.tpl?
Mein sollte noch echt jungfräulich sein

HTML-Code:

<?php echo $this->doctype; ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" 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 http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="description" content="<?php echo $this->description; ?>" />
<meta name="keywords" content="<?php echo $this->keywords; ?>" />
<?php echo $this->robots; ?>
<?php echo $this->framework; ?>
<?php echo $this->stylesheets; ?>
<?php echo $this->mooScripts; ?>
<?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 id="wrapper">
<?php if ($this->header): ?>

<div id="header">
<div class="inside">
<?php echo $this->header; ?> 
</div>
</div>
<?php endif; ?>
<?php echo $this->getCustomSections('before'); ?>

<div id="container">
<?php if ($this->left): ?>

<div id="left">
<div class="inside">
<?php echo $this->left; ?> 
</div>
</div>
<?php endif; ?>
<?php if ($this->right): ?>

<div id="right">
<div class="inside">
<?php echo $this->right; ?> 
</div>
</div>
<?php endif; ?>

<div id="main">
<div class="inside">
<?php echo $this->main; ?> 
</div>
<?php echo $this->getCustomSections('main'); ?> 
<div id="clear"></div>
</div>

</div>
<?php echo $this->getCustomSections('after'); ?>
<?php if ($this->footer): ?>

<div id="footer">
<div class="inside">
<?php echo $this->footer; ?> 
</div>
</div>
<?php endif; ?>

<!-- indexer::stop -->
<img src="<?php echo $this->base; ?>cron.php" alt="" class="invisible" />
<!-- indexer::continue -->

</div>
<?php echo $this->mootools; ?>

</body>
</html>

**Spencer** · 15.09.2010, 21:39

Zitat von xchs

Dann versuch bitte mal, die beiden Dateien des Frameworks direkt über die URL im Browser aufzurufen!
Ggf. erhälst Du dabei einen Error 404...

Ich bin noch neu also verzeih die Frage welche dateien und wo sollten die lagern?

**varix** · 15.09.2010, 21:46

Zitat von Spencer

Ich bin noch neu also verzeih die Frage welche dateien und wo sollten die lagern?

Hallo Spencer,

vorab, ich bin selber kein Profi

Wenn du dir den Seitenquelltext anschaust, müssten relativ weit oben folgende Codezeilen stehen:

Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="plugins/mootools/mootools-more.js?1.2.4.4"></script>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="plugins/mootools/demo.js"></script>
<script type="text/javascript" src="plugins/mootools/mootools.js"></script>

Um zu sehen, ob Sie vorhanden sind, bzw. korrekt eingebunden sind, einfach mal anklicken. Ich denke, xchs meinte, wenn sie es nicht sind, müsste eine Fehlermeldung kommen.

***xchs*** · 15.09.2010, 21:51

Jo, das meinte er.

Versuch mal, im Browser an die URL Deiner Seite die Pfade zu den beiden Dateien des MooTools-Plugins direkt anzuhängen und diese URLs aufzurufen, also bei Dir lokal beispielsweise so:

http://localhost/name-deines-ordners/plugins/mootools/mootools-core.js
http://localhost/name-deines-ordners/plugins/mootools/mootools-more.js

**Spencer** · 15.09.2010, 21:52

Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="plugins/mootools/mootools-more.js?1.2.4.4"></script>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="plugins/mootools/demo.js"></script>
<script type="text/javascript" src="plugins/mootools/mootools.js"></script>

Bei mir steht folgendes im Quelltext im Kopf:

Code:

<link rel="stylesheet" href="plugins/slimbox/css/slimbox.css" type="text/css" media="screen" />
	<link  rel="stylesheet" href="tl_files/multiflex37/css/layout2_text.css" type="text/css" />
	<link  rel="stylesheet" href="tl_files/multiflex37/css/layout2_setup.css" type="text/css" />
	<link rel="stylesheet" href="system/typolight.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?1275651949" type="text/css" media="screen" />
	<script type="text/javascript" src="plugins/mootools/mootools.js"></script>
	<script type="text/javascript" src="plugins/slimbox/js/slimbox.js"></script>

Die beiden files sind da und und lassen sich auch im Browser ansprechen

Contao 2.9.1
Könnte da sein, dass ich den header noch von ner alten typolight version kopiert hab?

***xchs*** · 15.09.2010, 21:54

Welche Contao bzw. TYPOlight-Version verwendest Du denn?

**varix** · 15.09.2010, 22:03

Erstell doch mal probehalber in einem Artikel ein Vorschaubild mit Lightbox "einzelnes Element" und schau, ob sich dann im FE mit dem Anklicken sich die Lightbox öffnet...

P.S. Hab auch mal gelesen, dass man entweder die slimbox oder die mediabox einbinden solle (Seitenlayout). Kann wohl sonst zu Problem kommen.......

***xchs*** · 15.09.2010, 22:07

Also laut dem von Dir oben geposteten Quelltext

HTML-Code:

<script type="text/javascript" src="plugins/mootools/mootools.js"></script>

ist bei Dir mit Sicherheit nicht jenes Seiten-Template aktiv, welches Du weiter oben als "jungfräulich" eingefügt hattest.

Schau bitte mal im Backend unter "Templates" bzw. am Server im "/templates"-Ordner, ob es dort ein Template "fe_xxx.tpl" gibt.

**Spencer** · 15.09.2010, 22:15

Zitat von xchs

Also laut dem von Dir oben geposteten Quelltext

HTML-Code:

<script type="text/javascript" src="plugins/mootools/mootools.js"></script>

ist bei Dir mit Sicherheit nicht jenes Seiten-Template aktiv, welches Du weiter oben als "jungfräulich" eingefügt hattest.

Schau bitte mal im Backend unter "Templates" bzw. am Server im "/templates"-Ordner, ob es dort ein Template "fe_xxx.tpl" gibt.

du hast voll recht sry

ich habe mein template jetzt so geändert:

Code:

<head>
	<?php echo $this->doctype; ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" 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 http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="description" content="<?php echo $this->description; ?>" />
<meta name="keywords" content="<?php echo $this->keywords; ?>" />
<?php echo $this->robots; ?>
<?php echo $this->framework; ?>
	<link  rel="stylesheet" href="tl_files/multiflex37/css/layout2_text.css" type="text/css" />
	<link  rel="stylesheet" href="tl_files/multiflex37/css/layout2_setup.css" type="text/css" />
<?php echo $this->stylesheets; ?>
<?php echo $this->mooScripts; ?>
<?php echo $this->head; ?>
</head>

Aber es klappt trotzdem nicht:

Im Quell text steht jetzt folgendes bei den scripten:

Code:

<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?1275651949" type="text/css" media="screen" />
<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>

Aber es klappt trotzdem nicht :-(

***xchs*** · 15.09.2010, 22:17

Und wenn Du versuchst, diese beiden Dateien direkt über den Browser aufzurufen, so wie ich das in Beitrag #10 geschrieben hatte?

**Spencer** · 15.09.2010, 22:20

Zitat von xchs

Und wenn Du versuchst, diese beiden Dateien direkt über den Browser aufzurufen, so wie ich das in Beitrag #10 geschrieben hatte?

Dann zeigt er mir den Text an den die Dateien beinhalten...

***xchs*** · 15.09.2010, 22:21

Das hier

PHP-Code:


<head>

    <?php echo $this->doctype; ?>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">

<head>

in Deinem Template stimmt auch nicht. Bitte mit der Original-Vorlage vergleichen und entsprechend anpassen!

Da hat sich ganz am Anfang wohl ein <head>-Tag eingeschlichen...

Zitat von Spencer

Dann zeigt er mir den Text an den die Dateien beinhalten...

Dann sollte es jetzt aber meiner Meinung nach funktionieren!

**Spencer** · 15.09.2010, 22:26

Zitat von xchs

Das hier

PHP-Code:


<head>

    <?php echo $this->doctype; ?>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">

<head>

in Deinem Template stimmt auch nicht. Bitte mit der Original-Vorlage vergleichen und entsprechend anpassen!

Da hat sich ganz am Anfang wohl ein <head>-Tag eingeschlichen...

Dann solltes es jetzt aber meiner Meinung nach funktionieren!

Das Head ist weg doch keine Besserung :-(

**varix** · 15.09.2010, 22:27

Noch ne Idee.....hast du im Browser eventuell Javascript deaktiviert ?

Dann werden die Bilder lediglich in einem neuen Fesnter in Originalgröße dargestellt.

varix

Mal eine Frage dazu? Ist es nicht einfacher, sich das template nochmal vom Original zu kopieren?

***xchs*** · 15.09.2010, 22:27

Zitat von Spencer

Das Head ist weg doch keine Besserung :-(

Gibt es in Deinem Template ganz unten auch diese Zeile?

PHP-Code:


<?php echo $this->mootools; ?>

**Spencer** · 15.09.2010, 22:29

Zitat von xchs

Gibt es in Deinem Template ganz unten auch diese Zeile?

PHP-Code:


<?php echo $this->mootools; ?>

Ihr seid einfach die besten ich danke euch von ganzem Herzen!!!!

Problem gelöst!

***lucina*** · 15.09.2010, 23:00

Zitat von Spencer

An der fe_page.tpl habe ich noch nie rumgebastelt.

Soviel dann dazu ;-)

**Spencer** · 15.09.2010, 23:07

Zitat von lucina

Soviel dann dazu ;-)

Habe ich auch nicht...

Habe einfach das Video von contao.org How to use a custom page template benutzt und da sah die Head Section noch ganz anders aus und das am Ende für die MooTools gabs in dem Video auch nicht.

Endtschuldigt bin halt noch neu..

**bahrain** · 25.04.2012, 16:46

Zitat von varix

Hallo,

ich hatte mal ein ähnliches Problem. Ein Vorschaulbild wurde nicht in der Lightbox, sondern als großes Bild in einem neuen Fenster dargestellt. Die Lightbox hatte ich eingebunden. Nach stundenlanger Recherche ist mir aufgefallen, dass ich ein jquery-skript im headbereich eingebunden hatte. Das führte zu dem Problem. Als ich es entfernt hatte, lief die Box wie gewünscht.

Gruß
varix

Du hast soeben meinen Tag gerettet!

THX