Ticketa
Registered
Привет,
опитвам се да направя когато се натисне на дадена снимка или бутон върху снимка (и двете неща ще ми вършат работа) снимката да се "завърта" както аз искам.
Когато имам 1бр снимка (прикачена чрез upload форма и опция за преглед "preview") няма проблем - скрипта бачка, но когато имам повече снимки скрипта се чупи, тъй като всяка снимка си има индивидуален №
Ползвам следния код:
jss
css
html
тоест, ако имам:
<img src="http://i.stack.imgur.com/IAY0q.png" alt="image" onclick="Rotate()" class="normal" id="image_123456"/>
<img src="http://i.stack.imgur.com/IAY0q.png" alt="image" onclick="Rotate()" class="normal" id="image_112323456"/>
<img src="http://i.stack.imgur.com/IAY0q.png" alt="image" onclick="Rotate()" class="normal" id="image_12asd34asd56asdasd"/>
<img src="http://i.stack.imgur.com/IAY0q.png" alt="image" onclick="Rotate()" class="normal" id="image_123asd45445456"/>
Скрипта няма да работи, тъй като не разчита id="..."
опитвам се да направя когато се натисне на дадена снимка или бутон върху снимка (и двете неща ще ми вършат работа) снимката да се "завърта" както аз искам.
Когато имам 1бр снимка (прикачена чрез upload форма и опция за преглед "preview") няма проблем - скрипта бачка, но когато имам повече снимки скрипта се чупи, тъй като всяка снимка си има индивидуален №
Ползвам следния код:
jss
Код:
function Rotate() {
var element = document.getElementById('image');
if (element.className === "normal") {
element.className = "rotate";
}
else if ( element.className === "rotate") {
element.className = 'normal';
}
}
Код:
.rotate {
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.normal {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
html
Код:
<html>
<head>
</head>
<body>
<img src="http://i.stack.imgur.com/IAY0q.png" alt="image" onclick="Rotate()" class="normal" id="image"/>
</body>
</html>
тоест, ако имам:
<img src="http://i.stack.imgur.com/IAY0q.png" alt="image" onclick="Rotate()" class="normal" id="image_123456"/>
<img src="http://i.stack.imgur.com/IAY0q.png" alt="image" onclick="Rotate()" class="normal" id="image_112323456"/>
<img src="http://i.stack.imgur.com/IAY0q.png" alt="image" onclick="Rotate()" class="normal" id="image_12asd34asd56asdasd"/>
<img src="http://i.stack.imgur.com/IAY0q.png" alt="image" onclick="Rotate()" class="normal" id="image_123asd45445456"/>
Скрипта няма да работи, тъй като не разчита id="..."