Изменение изображения src вне div, выполняющего цикл jquery

Я создаю сайт 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 статьи. В конце концов, я даже хочу, чтобы некоторые навигационные кнопки двигались вперед и назад, переключая посты и фон одновременно.

Какие-либо предложения?


javascript wordpress php jquery cycle
person hal    schedule 07.06.2012    source источник

Ответы (2)


arrow_upward
0
arrow_downward

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

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

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

person Praveen Kumar Purushothaman    schedule 07.06.2012
comment
Большое спасибо! Я просто новичок, в основном копирую и вставляю. Но я думаю, что вся необходимая информация дошла до клиента, поэтому нет необходимости выполнять get_image_url() больше раз. Мне нужно только выполнить скрипт .jpg'); }); за каждый пост, отображаемый в сценарии цикла. Думаю, мне может понадобиться это объяснить в деталях, чтобы понять. - person hal; 07.06.2012

arrow_upward
0
arrow_downward

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

person hal    schedule 08.06.2012