いくつかの投稿を循環するために、サイクルプラグインを備えた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をスクリプトに提供することをソースが示しているためです。結局、いくつかのナビゲーションボタンを前後に動かして、投稿と背景を同時に切り替えたいと思っています。
助言がありますか?