Jquery simpler Slider immer wieder um xyPX verschieben

[vandign]

Servus,

Ich möchte mit JQuerry einen DIV (#slider-inner) immerwieder um den Wert einer Variable (i) beim Klicken auf einen anderen DIV (.arr-left) verschieben.

Mein momentanes Script setzt lediglich den left Wert 1x auf -500 (von left:0px; auf left:-500px; )

$(document).ready(function(){
    var i = -500;  
    $(".arr-left").click(function(){
        $("#slider-inner").animate({"left": i});
        
    });
});

Ich bin mir sicher das es ganz einfach ist, ich bekomme nur die "Lösungsdenke" nicht hin.

Ich hoffe ihr könnt mir helfen grüße Vandign

 

[sokie]

AW: Jquery simpler Slider immer wieder um xyPX verschieben

ja, das ist ganz einfach und braucht nur einen einzigen zusatz:

[COLOR=#000000][COLOR=#007700]$([/COLOR][COLOR=#0000BB]document[/COLOR][COLOR=#007700]).[/COLOR][COLOR=#0000BB]ready[/COLOR][COLOR=#007700](function(){
    var [/COLOR][COLOR=#0000BB]i [/COLOR][COLOR=#007700]= -[/COLOR][COLOR=#0000BB]500[/COLOR][COLOR=#007700];  
    $([/COLOR][COLOR=#DD0000]".arr-left"[/COLOR][COLOR=#007700]).[/COLOR][COLOR=#0000BB]click[/COLOR][COLOR=#007700](function(){
        $([/COLOR][COLOR=#DD0000]"#slider-inner"[/COLOR][COLOR=#007700]).[/COLOR][COLOR=#0000BB]animate[/COLOR][COLOR=#007700]({[/COLOR][COLOR=#DD0000]"left"[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]i[/COLOR][COLOR=#007700]});
        i += 100; //als beispiel
    });
});  [/COLOR][/COLOR]

so würde i bei jedem klick auf den div.arr-left um 100 grösser und dein slider weitder nach rechts animiert.

 

[vandign]

AW: Jquery simpler Slider immer wieder um xyPX verschieben

Grandios danke dir,
Ich hab auch die Erklärung erstanden,
Gruß Vandign