im с использованием jquery.min.
function LoadImages() {
Я попытался использовать jasper roos winkel jquery plugin для этого, но это не обязательно соответствует моим потребностям:
http://www.jasperrooswinkel.com/smooth-fullscreen-background-slideshow-in-jquery/
вот моя проблема:
У меня есть папка с тысячами изображений на моем веб-сервере. Я хочу динамический смены фона с помощью jquery. который будет выбирать одно изображение каждые 5 секунд случайно из этой папки и помещать его в фоновый режим. Как я могу это сделать?
ожидая вашей помощи.
У вас может быть небольшой PHP-скрипт, возвращающий случайное имя файла из вашего каталога изображений
<? $files = glob('path-to-dir/*.*'); $file = array_rand($files); echo $files[$file]; ?>
и вызовите этот скрипт с jquery AJAX:
function loadBackground() { $.ajax({ url: 'getimage.php', success : function(filename) { $('body').css('background-image', 'url('+filename+')'); } }); }
назовите его каждые 5 секунд
setInterval(loadBackground, 5000);
При стилизации фона используйте background
-selector вместо селектора background-image
:
$('body').css('background', 'url('+filename+') no-repeat center center fixed');