Lightbox aus Navigation heraus starten. (Mediabox)
Hallo Community.
Ich suche mir schon seit einiger Zeit einen Ast, aber finde schlichtweg nichts gescheites.
Folgendes Problem:
Ich möchte eine HTML Seite über einen Navigationspunkt aus öffnen (siehe: http://https://contao.org/issues/1267). Bislang habe ich es aber nur hinbekommen HTML Seiten über die Mediabox innerhalb eines Artikels zu öffnen (rel="lightbox“). Nun stehe ich vor dem Problem, dass ich nicht weiss wo ich das rel-Attribut dem Navigationspunkt, sprich in der Seitenstruktur vergeben muss.
Hat da jemand von euch vielleicht einen Gedankenanstoß für mich übrig?
Liste der Anhänge anzeigen (Anzahl: 1)
Dann muss es wohl bei mir an einer anderen Stelle hapern.
Das Seitenlayout sieht jezt so aus, und so funktioniert nichtmal mehr die Box innerhalb eines Artikels:
Liste der Anhänge anzeigen (Anzahl: 1)
Auch mit dem hier = nichts. :(
HTML-Code:
<script type="text/javascript">
$$('.mod_customnav a.lightbox').each(function(el) {
el.mediabox();
});
</script>
oder aber dem hier:
HTML-Code:
<script type="text/javascript">
$$('.mod_customnav block a.lightbox').each(function(el) {
el.mediabox();
});
</script>
Ich gehe mal schwer davon aus, dass das "(LEERZEICHEN)block" nicht gut sein kann.
EDIT:
Siehe Anhang.
Liste der Anhänge anzeigen (Anzahl: 1)
Ich verzweifel, echt. Ich habe nun wirklich schon nahezu jede Möglichkeit ausprobiert, ohne Erfolg.
Was bleibt ist: Mediabox im Artikel = geht. (Gleiche Seite) Mediabox aus Navi = geht nicht.
Aktueller Script:
HTML-Code:
<script type="text/javascript">
$$('. mod_customnav a.lightbox').each(function(el) {
el.mediabox();
});
</script>
>>
Liste der Anhänge anzeigen (Anzahl: 2)
gleiches Problem
habe das gleiche Problem doch leider keine Lösung wie zozo
Zitat:
Zitat von
zozo
Hab exakt das gleiche vor.
Bei klick auf "Buchen" in der Metanavi möchte ich einen externen Link in der Mediabox laden, irgendwo steckt noch ein Fehler.
Was ich bisher getan habe:
Inder Seitenstruktur die Seite "Buchen" als externen Link eingerichtet. Als URL
http://www.google.de hinterlegt und die CSS klasse "lightbox" vergeben.
In meinen Seitenlayouts lasse ich Mootools dann lokal laden und habe unter Mootools Templates die Mediabox abgehackt.
Unter "weitere Javascripts" habe ich folgendes kopiert:
<script type="text/javascript">
$$('.mod_customnav a.lightbox').each(function(el) {
el.mediabox();
});
</script>
Kann mir jemand weiterhelfen? Hier die URL: platte.de/contao
Meine Einstellungen wie folgt:
Anhang 5139
Mein Quelltext im Head:
PHP-Code:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--
This website is powered by Contao Open Source CMS :: Licensed under GNU/LGPL
Copyright ©2005-2011 by Leo Feyer :: Extensions are copyright of their respective owners
Visit the project website at http://www.contao.org for more information
//-->
<title>Startseite</title>
<base href="http://www.xxx.de/" />
<meta name="robots" content="index,follow" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" type="text/css" href="system/contao.css" media="screen" />
<link type="text/css" rel="stylesheet" href="plugins/mediabox/1.3.4/css/mediaboxAdvBlack21.css" media="screen" />
<link type="text/css" rel="stylesheet" href="system/scripts/79b61dc2fe41.css" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.3.2/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="plugins/mootools/1.3.2/mootools-more.js"></script>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=EB+Garamond" media="screen" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
</head>
Mein Quelltext am Ende der Seite:
PHP-Code:
<script type="text/javascript" src="plugins/mediabox/1.3.4/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'), {
opacity: false,
alwaysHide: true,
onActive: function(toggler, elem) {
elem.setProperty('aria-hidden', 'false');
toggler.addClass('active');
toggler.getNext('div').setStyle('visibility', 'visible').fade('in');
toggler.setProperty('aria-expanded', 'true');
return false;
},
onBackground: function(toggler, elem) {
elem.setProperty('aria-hidden', 'true');
toggler.removeClass('active');
toggler.getNext('div').fade('out').setStyle('visibility', 'hidden');
toggler.setProperty('aria-expanded', 'false');
return false;
}
});
$$('div.toggler').each(function(elem) {
elem.setProperty('role', 'tab');
elem.setProperty('tabindex', 0);
elem.addEvents({
'keypress': function(event) {
if (event.code == 13) {
this.fireEvent('click');
}
},
'focus': function() {
this.addClass('hover');
},
'blur': function() {
this.removeClass('hover');
},
'mouseenter': function() {
this.addClass('hover');
},
'mouseleave': function() {
this.removeClass('hover');
}
});
});
$$('div.ce_accordion').each(function(elem) {
elem.setProperty('role', 'tablist');
});
$$('div.accordion').each(function(elem) {
elem.setProperty('role', 'tabpanel');
});
});
/* ]]> */
</script>
<script type="text/javascript">
$$('.mod_customnav a.lightbox').each(function(el) {
el.mediabox();});
</script>
<script type="text/javascript">
/* <![CDATA[ */
new Request({
url:'system/html/cron.txt',
onComplete: function(txt) {
if (!txt) txt = 0;
if (parseInt(txt) < (Date.now()/1000 - 300)) {
new Request({url:'cron.php'}).get();
}
}
}).get();
/* ]]> */
</script>
Einstellungen in contao an der Seite in der Seitenstruktur:Anhang 5140
und zu guter letzt noch der ausgegebene Code auf der Webseite wie folgt bzgl. der Navi:
PHP-Code:
<div class="mod_navigation block">
<ul>
<li class="n07 lightbox sibling"><a href="http://www.xxx.de" title="test" class="n07 lightbox sibling">test</a></li>
</ul>
</div>
wie passe ich die größe der lightbox an?
Hallo,
ich starte die Mediabox aus dem Navigationsmenü über folgendes script. Das ist eigentlich alles wie oben beschrieben und funktioniert soweit auch wunderbar
PHP-Code:
<script type="text/javascript">
$$('.mod_navigation a.lightbox').each(function(el) {
el.mediabox();
});
</script>
Die Seite, die aufgerufen wird bekommt die CSS Klasse 'lightbox'
Ich bekomme es leider aber partou nicht hin, der Mediabox angaben zur Größe und des Intalts zu machen. Also sowas wie 'inline: 600 800'
Weiß irgendjemand, wie das geht?
Liste der Anhänge anzeigen (Anzahl: 2)
lightbox frage? :S
hi,
verwende eine individuelle navigation und es sollten bei 3 von 7 navigationspunkten wenn man auf den link klickt eine lightbox mit dem inhalt aufgehen.
meine einstellungen schauen wie folgt aus: (contao version 2.11.2)
Anhang 7184
Anhang 7185
auf hilfestellung oder lösungen würde ich mich sehr freuen!!
greetz matp ;)
Liste der Anhänge anzeigen (Anzahl: 2)
Im Quellcode wird es mir so angezeigt:
Anhang 7493
Müsste doch stimmen?
Wenn Du mit Custom Options die Grössen angaben meinst hab ich es auch probiert ohne. Geht auch nicht.
HTML-Code:
<script type="text/javascript">
$$('.mod_navigation a.lightbox').each(function(el) {
el.mediabox();
});
</script>
