Zum Inhalt springen

Mootools mit Lightbox/Smoothscroll

Erstellt am 15. Oktober 2007 · 16 Antworten · letzte Antwort am 16. März 2009

Tags: Frage

frOsT1337 ·

naja ich dachte halt das du nicht nochmal in den thread reinguckst 🙂

Was muss ich denn jetzt genau machen?

GruĂź

frOsT1337

frOsT1337 ·

das heisst? ich hab im setup

####mootools
includeLibs.t3mootools = EXT:t3mootools/class.tx_t3mootools.php
page.10 = USER
page.10.userFunc = tx_t3mootools->addMooJS


# Include the JS and CSS (demo) files

page.includeJS.file51  = EXT:rgsmoothscroll/res/mootools-1.11.js
page.includeJS.file52  = EXT:t3mootools/res/mootoolsv1.11.js
page.includeJS.file53  = EXT:perfectlightbox/res/js/mootools.1.11.js

is datt falsch?

frOsT1337 ·

Ich hab mir das schonmal durchgelesen.

funktioniert aber nicht so wies soll.

könntest du mirs in kurzen schritten erklären auf deutsch <- 🙂

Danke wär sehr nett

gruĂź

marcel

Cre8tive ·

Hallo zusammen,

ich habe hier bei der Einbindung ein ganz anderes Problem.

Mittels

seite.includeJS {
  file3 = EXT:t3mootools/res/mootoolsv1.11.js
}

wird Mootols eingebunden.

Anmerkung: Das ist auf diese Art und Weise nötig, da die Perfectlightbox später nochmal selber Quellcode in den Heaer schreibt, die mootools.js aber vorher eingebunden sein muss.
Die Perfect lightbox ist so eingebunden:

seite.headerData.1337 < page.headerData.1337

Nun binde ich Smoothscroll ein:
Mit

seite.2 < plugin.tx_rgsmoothscroll_pi1

wird wieder im Header code erzeugt. Aber: Smoothscroll bindet nochmal die mootols-datei ein! Das bringt nun alles durcheinander und keine der Extensions funktioniert mehr.

Der Quellcode sieht letztendlich so aus (auf die wichtigen Stellen verkĂĽrzt):

<head>

// Hier wird Mootools eingebunden:

	<script src="typo3conf/ext/t3mootools/res/mootoolsv1.11.js" type="text/javascript"></script>

// gekĂĽrzt... hier folgen RSS-Links und Meta-Tags

// jetzt folgt die Ausgabe der Perfectlightbox 
<link rel="stylesheet" href="fileadmin/templates/basis/extensions/css/lightbox.css" type="text/css" media="screen,projection" /><script type="text/javascript" src="typo3conf/ext/perfectlightbox/res/js/slimbox-packed.js"></script><script type="text/javascript">window.addEvent('domready', Lightbox.init.bind(Lightbox,{resizeSpeed: 400, animate: true, overlayOpacity: 0.8, allowSave: 1, slideshowAutoplay: true, slideshowInterval: 5000, slideshowAutoclose: true,lllImage: 'Bild', lllOf: 'von'}));</script>
	
	<title>title der seite</title>
	<meta name="generator" content="TYPO3 4.1 CMS" />

	<script type="text/javascript" src="typo3temp/javascript_ebd9c81938.js"></script>

//jetzt folgt die Ausgabe von Smoothscroll
<script type="text/javascript" src="typo3conf/ext/t3mootools/res/mootoolsv1.11.js"></script>
<script type="text/javascript">
        var Page = {
          initialize: function() {
            new SmoothScroll({
              transition: Fx.Transitions.bounceOut,
              fps: 60,
              duration: 1500
            });
          }
        }
        window.addEvent("domready", Page.initialize);</script>

</head>

Liegt es daran, dass Smoothscroll nochmal die Mootools einbindet (wieso das ĂĽberhaupt)?

Vielleicht hat sich ja jemand schon damit auseinander gesetzt.

GrĂĽĂźe!

just2b ·

nimm einfach mal t3mootools, und dann sollte mal smoothscroll nichts mehr einbinden bzw die datei von t3mootools und perfectlightbox brauchst du gar nichts mehr einbinden

ich glaube aber ĂĽberhaupt, dass das dann nicht doppelt geladen wird, von dem her also egal ist

georg

Cre8tive ·

Hallo,

ich nutze doch t3mootools (wie auch grade im HTML-Code zu sehen)

Binde es nur mit includeJS ein.

Habe jetzt mal alle Funktionen in t3mootools aktiviert. Die Lightbox geht, Smoothscroll nicht - dafĂĽr bindet letzteres die mootools ein zweites mal ein.

pow ·
just2b schrieb

weil die perfectlightbox nicht auf t3mootools rĂĽcksicht nimmt

georg

Ich habe auch gerade ein Smoothgallery + Lightbox problem, ich habe die Wurzel des Problems gefunden, die "mootools.js". Sobald ich diese vom Server "lösche" funktioniert die Smoothgallery nicht mehr, dafür aber die Lightbox.

Was kann ich in diesem Fall tun?

Danke