0

私は、更新時に 2 つの画像または div を交換する方法について多くの調査を行ってきました。いくつかのソースを見つけましたが、私が望んでいたものはありませんでした。これが私がどのように機能するかです：

画像を含む 2 つの div があります。1 つの div をもう 1 つ上に。上の div には 1 つの画像が表示され、下の div には別の画像が表示されます。ページを更新または再アクセスするたびに、画像または div が切り替わるようにしてください。

これは、広告の簡単な CSS コーディングです (サイドバーにあります)。

#sidebar {float:left; width:300px; min-height:400px; }

#sidebarhomenewsad1 { width:290px; height:580px; margin-bottom:10px; }

#sidebarhomenewsad2 { width:290px; height:580px; margin-bottom:10px; }

更新時の画像スワップに2つの異なるdivが必要かどうかわからなかったため、両方のdivをまったく同じにしました。名前が異なるだけです。

要約すると、ページが更新/再アクセスされたときに、2つの異なる画像(下に1つ、上に1つ)を切り替え/交換したいと思います。

どんな助けでも大歓迎です！:)

4

2 に答える 2

0

jQuery.cookie ()を使用

HTML

<img class="a" src="http://i.imgur.com/dCabSb.jpg" />
<img class="b" src="http://i.imgur.com/ZUTsGb.jpg" />​

JS

if (!$.cookie('currentImage')) {
    $.cookie('currentImage', '1')
} else {
    if ($.cookie('currentImage') == '1') {

        tmp = $('.a').attr('src');
        $('.a').attr('src', $('.b').attr('src'));
        $('.b').attr('src', tmp);

        $.cookie('currentImage', '2')
    } else {
        $.cookie('currentImage', '1')
    }
}​

フィドル - http://jsfiddle.net/mrYaA/

于 2012-11-18T20:29:19.380 に答える
0

Cookieを使用して作成できます。最初の訪問で、Cookie (たとえば「upper_div_num」) が設定されていない場合は、1 番目の div を上位として表示し、Cookie の値を 1 に設定する必要があります。次回は、「upper_div_num」Cookie を確認し、そうであれば 2 に設定します。 1 を設定し、2 または設定されていない場合は 1 に設定します。PHP または Javascript コードは、この Cookie 値を確認し、それに応じて div を配置する必要があります。

于 2012-11-18T20:25:18.043 に答える