0

いくつかの投稿を循環するために、サイクルプラグインを備えた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; }
    }

ループからのjavascriptを使用して、最初の画像添付URLをimg.bgに挿入しました。ただし、これは当然のことながら、ページの読み込み時に1回だけ機能します。

これはjavascriptです:

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

私が必要としているのは、サイクルスクリプトの反復ごとにスクリプトを起動することだと思います。これは、get_image_url()関数が各記事のdivで一意のURLをスクリプトに提供することをソースが示しているためです。結局、いくつかのナビゲーションボタンを前後に動かして、投稿と背景を同時に切り替えたいと思っています。

助言がありますか?

4

2 に答える 2

0

cycleの次の反復関数を使用するか、を使用できますsetInterval

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

お役に立てれば。ただし、それでも、を実行すると、出力は1回だけ取得されますget_image_url();

于 2012-06-07T14:25:52.007 に答える
0

今のところ、私$(".bg").prependTo(document.body);は記事divから背景画像を取得し、サイクルを開始するために使用します。これは機能しますが、途中でさらに問題が発生する可能性があります。

于 2012-06-08T10:54:18.327 に答える