Bild verschieben mittels mottols mit Schönheitsfehler

[Reimi]

hallo Leute,

ich möchte diesen Effekt erreichen:
http://newages.at/architekturvisualisierung.php

Dort ist das ganze mit Jquery aufgebaut. ich möchte dass aber mit Mootools realisieren.
Es funktioniert zwar gleich, jedoch habe ich das Problem, das zwischen Bild und Text die Animation stoppt und dann wieder "weiterfährt". Somit habe ich eine unschöne Abbremsung drinnen.

Hat irgendjemand eine Idee bzw. ein funktionierendes beispiel?

Anbei der Code:

<script type="text/javascript">

window.addEvent('domready', function() {


    var scroll = new Fx.Scroll('entry1', {
    wait: 10,
    duration: 1500
});

    scroll.set(0,115);
    $('test').addEvent('mouseover', function(e){
        e = new Event(e).stop();
        scroll.toTop();
        //$('img1').fade(0);
        //document.getElementById('img1').opacity = "0";
        
    });
    
    $('test').addEvent('mouseout', function(e){
        e = new Event(e).stop();
        scroll.toBottom();
        //$('img1').fade(1);
        //document.getElementById('img1').opacity = "1";
    });
    
});

</script>

<div id="test" style="width:260px;height:115px;display:block;background:#000000;">
<div id="entry1" style="background:#f8b333;overflow:hidden;width:235px;height:115px;">

<div style="display:block;height:115px;width:235px;margin-top:0px;margin-bottom:0px;z-index:75;" class="deets">
<a href="projekt_cc_hartberg.php">
<b>architekturwettbewerb schauhalle hartberg</b><br>              
</a>

</div>
<img id="img1" src="tl_files/music_academy/image.png" width="235" height="115" style="margin-top:0px;margin-bottom:0px;z-index:70;"/>

</div>
</div>

Grüße

 

[Quaese]

Hi,

versuch es mal hiermit:

window.addEvent('domready', function(){
  var scroll = new Fx.Scroll('entry1', {
    wait: 10,
    duration: 1500
  });

  scroll.set(0,115);
  $('test').addEvent('mouseenter', function(e){
    scroll.cancel().toTop();
  });

  $('test').addEvent('mouseleave', function(e){
    scroll.cancel().toBottom();
  });
});

Ciao
Quaese

 

[Reimi]

Hammer - bitte schick mir kurz ein Portrait dann errichten wir hier eine Statue dir zu Ehren

Danke Danke!!