두 개의 서로 다른 이미지/Divs를 새로 고침

Question

두 이미지 나 div를 새로 고치는 방법에 대해 많은 연구를 해왔습니다. 몇 가지 출처를 찾았지만 아무도 내가 원하는 것을하지 않았습니다. 다음은 광산이 작동하기를 원하는 방법입니다.

이미지가있는 div가 2 개 있습니다. 한 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가 필요하며 그렇지 않은 경우 필요합니다.

요약하면 페이지를 새로 고침하거나 다시 방문 할 때 서로 전환하거나 바꿀 수있는 두 가지 다른 이미지 (아래 하나, 위의 이미지)를 사용하고 싶습니다.

도움이 너무 많이 부탁드립니다. :)

Answer 1

쿠키를 사용하여 만들 수 있습니다. 첫 번째 방문에서 쿠키 (예 : 'upper_div_num')가 설정되지 않은 경우 첫 번째 div를 상단으로 표시하고 쿠키 값을 1로 설정해야합니다. 다음에 'upper_div_num'쿠키를 확인한 다음 2로 설정해야합니다 1이고 2 인 경우 1로 설정하거나 설정하지 않습니다. PHP 또는 Javascript 코드는이 쿠키 값을 확인하고 이에 따라 div를 배치해야합니다.

Answer 2

용도 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/