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
Lesezeichen