Mootools mit Lightbox/Smoothscroll

Hallo TYPO3-Abhängige 🙂
Ich hab mal ein kleines Verständnisproblem.

Ich benutze Perfectlightbox und smoothscroll.

Leider funktioniert immer nur eine Extension davon. Dann hab ich gelesen das man dafür die mootools braucht.

Habs installiert aber funktioniert immer noch nicht.

Muss ich da irgendwas besonderes beachten oder machen?

Danke für euere Antworten.

Mit freundlichen Grüßen

frOsT1337

du musst perfectlightbox auf mootools umschalten und wenn du mehr als 1 mootools ext laufen lassen willst, dann musst du das ganze über die ext t3mootools laufen lassen

georg

achso und welche .js datei muss ich mit t3mootools auswählen bzw der pfad ist ja für die lightbox "typo3conf/ext/perfectlightbox/res/js". just2b kannst du mir mal kurz erklären wie das funktioniert? 🙂

Mit freundlichen Grüßen

frOsT1337

und wenn jeder sein posting als pm an mich schicken würde, hätt ich 200 am tag...

mitdenken ist manchmal wohl nicht gefragt #angry#
georg

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

Was muss ich denn jetzt genau machen?

Gruß

frOsT1337

du hast immer noch scriptacolous eingebunden

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?

9+11 auf jedenfall

du musst hier einfach t3mootools richtig verwenden - siehe dessen manual

georg

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

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!

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

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.

gibts nen link?

probier mal statt dem name="seitenanfang" ein id="seitenanfang"

sonst schaut das schon ok aus

georg

Super, das wars - vielen Dank georg!

Aber wieso Mootools zweimal eingebunden wird, weisst Du auch nicht?

weil die perfectlightbox nicht auf t3mootools rücksicht nimmt

georg

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