Just nu i M3-nätverket
Gå till innehåll
happyfejs

sätt nya varibler genom for loop

Rekommendera Poster

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,

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
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;
		}
});
});

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Jonas__B

kan man inte bara göra:

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

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
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..

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...