sätt nya varibler genom for loop

[happyfejs]

Har 3 knappar som jag vill lägga till kod till när sidan laddats

Tror ni förstår vad jag vill uppnå när ni ser koden, men vet inte hur jag ska bära mig åt.

 

for(i=1; i<=3; i++){
	var src[i] = document.getElementById("vred"+i).src, angle[i] = 0;
	document.getElementById("holder"+i).innerHTML = "";
	var R[i] = Raphael("holder"+i);
	var img[i] = R[i].image(src[i], 0, 0, 100, 101);
}
$("#holder1").click(function () {
         angle1 += 180;
         img1.animate({rotation: angle1}, 500, "<>");
       });
       $("#holder2").click(function () {
         angle2 += 180;
         img2.animate({rotation: angle2}, 500, "<>");
       });
        osv.....

 

Inte så dynamiskt om jag ska skapa mer knappar men ska max ha 5 knappar :S,

[happyfejs]

Jag löste det jag ville uppnå ändå med en annan kod. Men det kan vara roligt att veta svar på min fråga för framtida bruk ändå

 

$(document).ready(function(){
lastClick = '';
$('#holder1').rotate({maxAngle:180,minAngle:0});
$('#holder2').rotate({maxAngle:180,minAngle:0});
$('#holder3').rotate({maxAngle:180,minAngle:0});
$(".holder").click(function () {
	if(this != lastClick){
		$(this).rotateAnimation(180);
		$(lastClick).rotateAnimation(-180);
		lastClick = this;
		}
});
});

[Jonas__B]

kan man inte bara göra:

       $('#holder1,#holder2,#holder3').rotate({maxAngle:180,minAngle:0});

[happyfejs]

Jo, i den sista kan man göra så, men i det första så var jag ju tvungen att använda variabeln i på fler ställen än i holder id..