Druckbare Version
Hallo,
eine Frage, hat sich eigentlich schon mal wer mit Typolight und Fancybox beschäftigt? Mir gefällt diese jQuery Implementierung besser als Light-, Slim- oder Mediabox, nur habe ich bisher keine Erweiterung gefunden.
Auch hier im Forum habe ich nichts gefunden, wie man Fancybox in TL implementieren kann.
Gruß, Thomas
Es gibt Ansätze jQuery zu integrieren, zumindest ist es jetzt mit dem Update auf 2.8.x möglich beides zu verwenden. Damit sollte dann auch diese Möglichkeit machbar sein.
jQuery hat für Viele den Nachteil, dass es weniger Erweiterungen dafür gibt.
Wenn Du gerne anstelle des MooTools Frameworks jenes von jQuery verwenden möchtest, dann kannst Du Dir ja mal dieses Thema genauer anschauen: http://www.typolight-community.org/v...&t=1258&p=5021
Danke, hat geholfen. FancyBox läuft schon, eine Galerie wird schon richtig angezeigt. :)
Gruß, Thomas
Hast Du dann jetzt komplett auf jQuery umgestellt?Zitat:
Zitat von tofo
Hm, also, ich habe derzeit 2 Frontend Templates im Einsatz. Einmal das Unveränderte im Original und ein zweites, bei dem ich anstatt der mootools jQuery und Fancybox reinlade.
Ist insofern ganz geschickt, weil Akkorden etc. mache ich weiter mit den mootools, für solche Seiten weise ich das mootools Template zu, aber da meine Seite eher eine Fotoseite ist, ist das Template mit jQuery Standard.
Funktioniert recht gut so, muss ich sagen. Für solche Sachen liebe ich TL. :)
Gruß, Thomas
Sodale, mittlerweile habe ich es geschafft, MooTools und Fancybox miteinander zu kombinieren, geht recht gut.
Hab mir eine Seite gebastelt, die Newsbeiträge mit Akkordeon anzeigt, die jeweils eine Galerie beinhalten, welche die Bilder mit Fancybox anzeigen läßt. Einzige Bedingung: im Seitenlayout darf unter Skript-Einstellungen nur moo_accordion aktiviert sein, alles andere weglassen.
Einfach ein neues Template anlegen, und dann unter den MooTools diesen Code einfügen:
Und ab geht es. Bin hochzufrieden damit.Code:<!-- jQuery + FancyBox implementation -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<link rel="stylesheet" type="text/css" href="/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$("a[href$=.jpg]").fancybox({
'transitionIn' : 'fade',
'transitionOut' : 'fade',
'titlePosition' : 'inside',
'overlayOpacity' : '0.9',
'margin' : '-100px',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<div id="fancy-title-inside" style="text-align: left;"><p style="font-weight: bold;">' + (title.length ? ' ' + title : '') + '</p><p>Bild '+ (currentIndex + 1) + ' / ' + currentArray.length + '</p></div>';
}
});
});
</script>
Gruß, Thomas
Hi!
Seit dem 2.8 Update war ich etwas weniger im Forum. Kann mir bitte jemand sagen wie das den jetzt funktioniert mit dem jQuery und Mootools zusammen. Mein Slider ist jQuery und ich will aber auch die Mediabox benutzen. Sobald ich den Slider einschalte öffnet sich beim klick auf das Bild einfach ein neues Browser-Fenster.Zitat:
Es gibt Ansätze jQuery zu integrieren, zumindest ist es jetzt mit dem Update auf 2.8.x möglich beides zu verwenden.
Danke :)
Hallo Askraba,
ganz so einfach ist das dann immer noch nicht *g*
DU musst jquery einfach im noconfig Modus laufen lassen...
Hier mal ne kurze Anleitung dazu: http://docs.jquery.com/Using_jQuery_...ther_Libraries
Viele Grüße
Hallo MAC!
Schön dich zu *sehen* :-)
Danke ;)
Ich denke, Du meinst sicher den "noConflict"-Modus...Zitat:
Zitat von MacKP
Erm.. jup, den mein ich... sorry.Zitat:
Zitat von xchs
Viele Grüße