jQuery. bei klick um x px nach links/ rechts bewegen

[onemillion]

hey Leute.
Bin grade an einem neuen Projekt. bei diesem wollte ich einfah ein paar neue sachen einfließen lassen sowie meine jQuery-kentnisse verbessern.

Nun die frage. ich habe eine ansatz für ein Script. mit desem möchte ich erreichen, dass jedes mal wenn man auf einen pfeil (a.left / a.right) klickt der umschließende div (#infobox) um 200px in die jeweilige richtung verschoben wird.
Nun tritt aber das Problem auf, dass ich nicht den wert nachhaltig verändern kann. also dass ich nur zwischen -200px und 200px wandern kann, und nicht den wert hochaddieren kann -_-

hier das bisherige Script:

<script type="text/javascript">  
$(document).ready(function(){

    $("#infobox a.slideloop").hover(function(){
                                             
        $("#infobox #buttonleft").fadeIn();    
        $("#infobox #buttonright").fadeIn();
        
    });
    
    $("#infobox #buttonleft a.left").click(function(){
            $("#infobox").animate({
                margin-left: "-200px"                       
            });                                        
    });    
    $("#infobox #buttonright a.right").click(function(){
            $("#infobox").animate({
                margin-left: "200px"                       
            });                                        
    });    


});    
                   
</script>

ich würde mich sehr über eure Hilfe und Tipps freuen
Gruß
Daniel

 

[LowkaZ]

AW: jQuery. bei klick um x px nach links/ rechts bewegen

geht wohl in richtung coda slider oder?
google doch mal danch...

ansonsten musst du den aktuellen wert kennen und diesen immer in einer variable bereit halten und dann eben immer 200 drauf machen bzw abziehen...

 

[onemillion]

AW: jQuery. bei klick um x px nach links/ rechts bewegen

geht wohl in richtung coda slider oder?
google doch mal danch...

ansonsten musst du den aktuellen wert kennen und diesen immer in einer variable bereit halten und dann eben immer 200 drauf machen bzw abziehen...

Habe den Code jetzt in sowit verändert, dass er theoretisch die funktion besitzt, die ich haben möchte. leider läuft das script aber nicht -_-

<script type="text/javascript"> 
 
$(document).ready(function(){

	var width = parseInt($("#sub-link-bar").styles.marginLeft)

	$("#infobox #buttonleft a").click(function(){
		$("#infobox").animate({	
			$("#infobox").styles.marginLeft = (width - 200) + 'px';
		});	
	});
}); </script>

wo ist der fehler hierbei?

 

[saila]

AW: jQuery. bei klick um x px nach links/ rechts bewegen

was sagt dir Firebug?