Mootools Scroller Class

**felix123** · 17.01.2011, 22:09

Hallo Leute,

Hat jemand von Euch schon mit der Mootools Scroller Klasse (http://demos111.mootools.net/Scroller) unter Contao Erfahrungen gesammelt? Ich habe es genau nach Bauplan eingebunden, aber der Effekt will nicht funzen...

Lieben Dank.

Felix

**psren** · 17.01.2011, 22:15

In Contao habe ich das bisher auch noch nicht gemacht, aber so schon einmal.
Wenn du uns einen Link schicken würdest könnten wir die vielleicht besser weiterhelfen.

**felix123** · 18.01.2011, 09:53

Hallo psren,

Danke für Deine Antwort. Klar habe ich einen Link. Hier erst mal die "harten" Fakten. Ich möchte mit der Scroller-Klasse eine Newslist animieren. Es soll nur horizontal gescrollt werden und es erscheint ein Textblock nach dem anderen. Hier ein Auszug aus dem HTML-Code:

HTML-Code:

<div class="mod_newslist block" id="newswrapper">
<div id="newsinside">
<div class="layout_full block first even">Hier stünde der Newstext...</div>
<div class="layout_full block odd">Hier stünde der Newstext...</div>
<div class="layout_full block even">Hier stünde der Newstext...</div>
<div class="layout_full block last odd">Hier stünde der Newstext...</div>
</div>
</div>

Ich habe also ein äußeres Div (newswrapper) und ein inneres (newsinside), die ich mit css folgendermaßen gestylt habe:

Code:

#newsinside
{
	width:1400px;
	height:210px;
	float:left;
}
#newswrapper
{
	width:418px;
	height:210px;
	overflow:hidden;
	float:left;
}

Ausserdem sind die einzelnen News-Elemente noch gefloatet, so dass sie nebeneinander stehen:

Code:

.layout_full
{
	width:198px;
	height:210px;
	float:left;
}

Abschließend habe ich im Seitenlayout bei "eigener Java-Code" die Anweisung für Mootools hinterlegt:

Code:

<script type="text/javascript">
window.addEvent('load', function()
{
	var myScroller = new Scroller('newswrapper', {area: 90, velocity: 0.2});
	$('newswrapper').addEvent('mouseenter', myScroller.start.bind(myScroller));
	$('newswrapper').addEvent('mouseleave', myScroller.stop.bind(myScroller));
});

</script>

Ich schätze ich übersehe etwas, aber nach ewigem umherprobieren, weiß ich leider nicht weiter. Hier noch der Link zu der Site:

http://www.christianhuck.com/index.php/news.html

Tausend Dank.

Felix

**felix123** · 20.01.2011, 20:52

Keiner eine Idee? irgendwer? Wo sind die Mootools-Versteher :-) ???

**tlnewbie** · 20.02.2011, 00:03

Hallo felix123, interessant, dass ich meine eigene Frage jetzt gerade hier finde! Soweit ich es mittlerweile überblicke, gehört die Scroller-Klasse zu mootools 1.11 und funktioniert nicht zusammen mit 1.2.x UND es scheint auch keine neuere zu geben, was ich sehr schade finde, da ich gerade heute genau an sowas gebastelt habe, was ansonsten funktioniert!
Vielleicht für Dich nützlich: wenn Du die aktuellen mootools-Dateien auf der betreffenden Seite nicht brauchst (=deaktivierst), funktioniert das Scrollen mit manueller Einbindung der mootools.js aus dem Beispiel (http://demos111.mootools.net/Scroller - ich gehe gerade mal davon aus, dass Du dasselbe meinst) - falls das für Dich noch aktuell sein sollte. Ich brauche leider auf derselben Seite für die Slideshow die aktuellen mootools-Dateien, daher bringt mir das nichts! Sehr schade(!).

@all: weiß vielleicht jemand, wie man den alten Code aus 1.11 in funktionsfähigen für 1.2.x portiert (=was genau geändert wurde am mootools framework)?

ODER ob es eine Version der Slideshow2 gibt, die unter 1.11 funzt? Die hab ich nämlich auf derselben Seite...

Gruß!

**ways2web** · 20.02.2011, 01:35

Zitat von felix123

Hat jemand von Euch schon mit der Mootools Scroller Klasse (http://demos111.mootools.net/Scroller) unter Contao Erfahrungen gesammelt?

Ja, wir haben den grad im Einsatz, entfernen ihn aber warscheinlich wieder, da Iphone und Ipad ihn nicht darstellen und die Nutzer somit nicht im Content scrollen können.

gruss
ways

Demolink kann ich nich öffentlich posten, da Projekt noch in der Entwicklung

**tlnewbie** · 20.02.2011, 13:06

Hallo ways2web,
(WIE) habt Ihr den mit mootools 1.2.5 zum Laufen gebracht?? Gibts da irgendwo ein Beispiel im Netz? Man kann den Scroller ja in eine mootools-'more'-Version packen (allerdings in Contao soweit ich das durchschaue nicht drin?!)
gruß tlnewbie

**ways2web** · 20.02.2011, 17:15

Wir haben die mootools 1.3 implementiert und können das somit nutzen!

gruss
ways

**tlnewbie** · 20.02.2011, 23:02

Hallo ways2web,
sehr interessant - muss man am (js-/html-)Code dann was ändern oder funzt das Beispiel bei Euch 'einfach' mit mootools 1.3? Habt Ihr eigene mootools-core und mootools-more-Dateien erzeugt und eingebunden?
Habe das heute auch schon probiert mit einem eigenen mootools-more-Paket, aber nur javascript-Fehlermeldungen bekommen ;-|
Sorry für die Fragerei, aber das wäre mir wirklich SEHR wichtig und ich hab es nicht hinbekommen und die mobile version wäre für meine Zwecke nicht so wichtig...
Danke und Gruß
tlnewbie

**ways2web** · 21.02.2011, 05:43

hallo,

wenn du es zum testen nutzen willst, ersetze einfach den quelltext der 1.2.x durch den der 1.3... ist zwar dirty, aber so kannst du blitzschnell testen

--quelltext beider files ersetzen--

gruss
ways

**tlnewbie** · 25.02.2011, 00:06

Sorry für die späte Antwort und danke erstmal,
hmm, werde nochmal weiter testen müssen, ich hatte ja die 1.3.x-Dateien bereits manuell über die fe_xx.tpl eingebunden, aber leider Fehlermeldungen erhalten, lag wohl noch was quer.
Gut zu wissen dass es bei Euch ansonsten prinzipiell funktioniert hat.
Gruß!