Изменение изображения src за пределами рабочего цикла jQuery

Question

Я создаю сайт wordpress, используя jQuery с плагином цикла, чтобы циклически перемещаться по некоторым сообщениям.

У меня есть изображение, используемое в качестве полного фона, с помощью этого CSS:

img.bg { 
     /* Set rules to fill background */ 
     min-height: 100%; 
     min-width: 1024px; 

     /* Set up proportionate scaling */ 
     width: 100%; 
     height: auto; 

     /* Set up positioning */ 
     position: fixed; 
     top: 0; 
     left: 0; 
    } 

    @media screen and (max-width: 1024px){ 
     img.bg { 
      left: 50%; 
      margin-left: -512px; } 
    } 

я вставил первую крепежную URL изображения в img.bg с JavaScript из цикла. Однако, это понятно только работает один раз, при загрузке страницы.

Это JavaScript:

$(function() { 
$('.bg').attr('src', '<?php get_image_url(); ?>'); 
}); 

Что мне нужно, я думаю, это выстрелить сценарий с каждой итерации сценария цикла, так как источник показывает, что функция get_image_url() предоставляет скрипт с уникальный url в каждой статье div. В конце концов, я даже хочу, чтобы некоторые кнопки навигации перемещались вперед и назад, одновременно переключая столбы и фон.

Любые предложения?

Answer 1

На данный момент я использую $(".bg").prependTo(document.body);, чтобы получить фоновое изображение из статьи div, а затем начать цикл. Это работает, хотя на пути могут появиться еще несколько проблем.

Answer 2

Вы можете использовать следующую итерационную функцию cycle или используя setInterval.

function changeImg() 
{ 
    $('.bg').attr('src', '<?php get_image_url(); ?>'); 
} 
setInterval("changeImg()", 1000); 

Надеюсь, это поможет. Но все же вы получите вывод только один раз, когда вы выполните get_image_url();.