Помогите с заменой сценария mouseover на время

U
На сайте с 24.02.2009
Offline
116
540

<script type="text/javascript">

jQuery.noConflict();

jQuery(document).ready(function(){
jQuery("#kla").rotate({
bind:
{
mouseover : function() {
jQuery(this).rotate({animateTo:10})
},
mouseout : function() {
jQuery(this).rotate({animateTo:-10})
}
}

});
});
</script>

нужно заменить mouseover и mouseout на промежутки времени допустим 5 секунд. Т.е чтобы картинку как маятник туда сюда крутилась без наведения курсора и отвода как сейчас.

H
На сайте с 09.10.2012
Offline
11
#1

Предполагаю, что примерно так:


state_of_rotation = false;
time_interval = 5000;
function tick()
{
if (state_of_rotation)
{
jQuery("#kla").rotate({animateTo:-10});
state_of_rotation = false;
}
else
{
jQuery("#kla").rotate({animateTo:10});
state_of_rotation = true;
}
}
setInterval(tick,time_interval);
C
На сайте с 04.02.2005
Offline
291
#2

state_of_rotation нужно в callback менять

и, скорей всего, лучше использовать settimeout также в callback

а еще...

var state_of_rotation =10

state_of_rotation = state_of_rotation * (-1)

Query("#kla").rotate({animateTo: state_of_rotation});

U
На сайте с 24.02.2009
Offline
116
#3

var state_of_rotation =10

state_of_rotation = state_of_rotation * (-1)
Query("#kla").rotate({animateTo: state_of_rotation});

только делает поворот на 10 градусов и останавливается..

---------- Добавлено 25.07.2013 в 23:41 ----------

hedint, твой вариант сработал. Спасибо!

KocStranger
На сайте с 14.12.2009
Offline
59
#4
ufaclub:
var state_of_rotation =10

state_of_rotation = state_of_rotation * (-1)
Query("#kla").rotate({animateTo: state_of_rotation});


только делает поворот на 10 градусов и останавливается..

Потому что нужно добавить повторение цикла, как в примере hedint

C
На сайте с 04.02.2005
Offline
291
#5

ufaclub,

ха, т.е. ты хотел, чтоб я за тебя написал...

Я предложил возможный путь решения, и... причем, на мой взгляд, более верный.

Но хАзяин-барин

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий