2012-04-27 3 views
0

У меня есть стиль CSS, который использует фоновое изображение (код: background-image: url("folderimage.jpg");). Есть ли способ использовать jQuery/CSS для поворота между несколькими фоновыми изображениями CSS? (Просьба привести пример).CSS - Вращение фонового изображения

+0

Вы пробовали * ничего *? – Blender

+0

Что означает u повернуть. Вы хотите изменить их в течение некоторого периода времени? –

+0

@sushilbharwani - Да. Я бы использовал образы 1-5 и затем вращался. – L84

ответ

2

Что-то в этом роде будет работать, я не проверял код, но идея состоит в том, чтобы иметь массив из пяти изображений и изменять их по таймауту. Я могу объяснить вам код, если вам нужно.




var theImages = new Array(); 

theImages[0] = '1.gif' 
theImages[1] = '2.gif' 
theImages[2] = '3.gif' 
theImages[3] = '4.gif' 
theImages[4] = '5.gif' 

function changeBGImage(){ 
var whichImage = Math.round(Math.random()*(p-1)); 
jQuery('#elementHavingProperty').css('background-image','url('+theImages[whichImage+'])'); 

} 


movement = setTimeout("changeBGImage()",1000000); 
 
0

Возможно, тема. Но вы можете проверить мой код, как я поворачиваю все содержимое на странице.

My web page

Смежные вопросы