我一直在研究如何在刷新時交換兩個圖像或div。我發現了幾個來源，但沒有做到我想讓他們做的事。下面是我想要我的工作：在刷新時交換兩個不同的圖像/ div

我有兩個div與圖像在他們。一格在另一格之上。頂部div將顯示一個圖像，底部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; }

我做了兩個div的完全一樣，只是叫法不同，因爲我不知道，如果對圖像交換刷新將需要兩個不同的div或不需要。要回顧一下，我希望兩個不同的圖像（一個在下面，一個在上面）在刷新/重新訪問頁面時相互切換/交換。

任何幫助將不勝感激！ :)

來源

2012-11-18 user1658560

你必須保存什麼樣的形象訪問者看到的第一時間，以確保他們得到下一次的其他圖像。 – 2012-11-18 20:04:41

你可以使用cookies。在第一次訪問時，如果沒有設置cookie（例如'upper_div_num'），則應該將第一個div顯示爲upper，並將cookie值設置爲1.下次，您應該檢查'upper_div_num'Cookie，如果它設置爲2 1，如果它是2或未設置，則將其設置爲1。 PHP或Javascript代碼應檢查此cookie值並相應地定位div。

來源

2012-11-18 20:25:18

謝謝你。我真的不知道如何將這些理論/代碼結構應用於紙張。我不太擅長PHP或JS。如果你能夠在心中找到善意，想出一些符合我在OP中所說的編碼，那就太棒了！不幸的是，這些人的第一個答案沒有奏效:( – user1658560

用途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-18 20:29:19

在你的小提琴中，圖像無法開啓刷新功能，我也嘗試在自己的網站上使用你的代碼，圖像仍然沒有切換:(我在谷歌瀏覽器和Mozilla Firefox瀏覽器上測試了這個功能） – user1658560

按下運行按鈕？ –

是的，圖像保留在左側，圖像b保持在右側，它們不會切換：（ – user1658560

在刷新時交換兩個不同的圖像/ div

回答

HTML

JS

相關問題