Rotation Image on MouseOver

[Ev0luti0N]

Здравейте.
Имате ли напредстава как ще стане следната фукция:
Имам 3 картинки, една от тях се показва та искам когато мина върху нея с мишката да се сменя втора трета и пак да се връща на първата и да се повтаря фукцията.

Ако не сте ме разбрали питайте

Благодаря.

 

[Karcho]

Нещо такова ? :lol:
[js]<img src="pic1" onmouseover="if(this.src == 'http://пълен–линк/pic1') { this.src = 'pic2.png'; } else if(this.src=='http://пълен–линк/pic2.png') { this.src='pic3.png'; } else if(this.src=='http://пълен–линк/pic3.png') { this.src ='pic1.png'; }" alt=""/>[/js]

 

[Ev0luti0N]

Не се сменят..

П.П. Моя грешка променят се, сега ще тествам и ще ти кажа резултата по-точно

 

[Karcho]

Аз го пробвах. Сменят се, виж дали там където съм писал да пишеш пълен линк си писал пълен.

 

[Ev0luti0N]

Да работи перфектно. Обаче аз искам когато застана с мишката върху картинката да ги ротира тея 3 картинки и когато махна мишката от картинката пак да се връща тая по default. А в момента е така ще секи път трябва да минавам с мишката, за да ми показва другата

 

[Karcho]

Отделих 10 минутки да го напиша. Трябва ти jQuery библиотеката. А за времето на ротиране е в милисекунди. Там където съм направил червено (1100) го смени с колкото си искаш
(1000ms = 1s, предполагам, че знаеш).

<script type="text/javascript" src="jquery library"></script>
<script type="text/javascript">
function rotate() {
var src = $("#rotate").attr("src");
if(src == "pic1.png") {
$("#rotate").attr("src", "pic2.png");
} else if(src == "pic2.png") {
$("#rotate").attr("src", "pic3.png");
} else if(src == "pic3.png") {
$("#rotate").attr("src", "pic1.png");
}
}
$(document).ready(function() {
var interval;
$("#rotate").mouseover(function() {
interval = setInterval("rotate()",1100);
});

$("#rotate").mouseout(function() {
$("#rotate").attr("src", "pic1.png");
clearInterval(interval);
});
});
</script>
<img src="pic1.png" id="rotate" alt="rotator"/>

 

[Ev0luti0N]

Отделих 10 минутки да го напиша. Трябва ти jQuery библиотеката. А за времето на ротиране е в милисекунди. Там където съм направил червено (1100) го смени с колкото си искаш
(1000ms = 1s, предполагам, че знаеш).

<script type="text/javascript" src="jquery library"></script>
<script type="text/javascript">
function rotate() {
var src = $("#rotate").attr("src");
if(src == "pic1.png") {
$("#rotate").attr("src", "pic2.png");
} else if(src == "pic2.png") {
$("#rotate").attr("src", "pic3.png");
} else if(src == "pic3.png") {
$("#rotate").attr("src", "pic1.png");
}
}
$(document).ready(function() {
var interval;
$("#rotate").mouseover(function() {
interval = setInterval("rotate()",1100);
});

$("#rotate").mouseout(function() {
$("#rotate").attr("src", "pic1.png");
clearInterval(interval);
});
});
</script>
<img src="pic1.png" id="rotate" alt="rotator"/>

Благодаря ти за отделеното време. Но няма ли някакъв начин да завартиш кода така, че картинките ще са различни няма да е само върху една и те се вадят от дб. И трябвад а ги въвеждам в самотоа <img.. А така трябва да ги задавам в самата фукция горе.
Изинявам се, че не съм казал това по-рано!

П.П. Не мога да се сетя за сайта, но някаде бях гледа просто една фукция без jQuery задавам на MouseOver върху картинакта и в тази функция просто правя array в който задавам снимките ли нещо такова беше.. И после те се сменят.

 

[Karcho]

Комбинирай моя код и това - http://web-tourist.net/login/login/view.php?st=3176

 

[Ev0luti0N]

Ооо, не не такова нещо с AJAX просто няма смисъл.

 

[Karcho]

http://www.dyn-web.com/code/rotate_images/demos.php?demo=random ?

 

[Ev0luti0N]

http://www.dyn-web.com/code/rotate_images/demos.php?demo=random ?

Не не.
Примерно: <img src="1.png" onmouserover="startRotate('2.png', '3.png')" />
и финция доло дето да ги ротира.