Показать случайный DIV на каждой загрузке страницы (для fancybox modal)

Question

Я показываю модальное окно fancybox, когда посетитель покидает сайт. Он работает правильно. Но в качестве теста на разделение я хочу показать посетителям случайный контент из 2 разных div при последующих посещениях.

Значение:

1) Когда посетитель 1 приходит и пытается покинуть сайт, он может видеть FancyBox с содержанием 1 или 2

2) Когда посетитель 2 приходит и пытается покинуть сайт, он может снова увидеть FancyBox с содержанием 1 или 2

и так далее ...

фактический код FancyBox модальное:

<div id="inline" class="various2" style="display:none;"> 
     <div style="padding:20px;"> 
      This is the content of that shows inside the fancybox modal. 
     </div> 
</div> 

Теперь для внутренней DIV, я хочу поставить еще один DIV с некоторым другим содержанием, и один из них должен случайным образом показать на каждой странице, в то время как другой дисплей: нет ...

У меня есть попробовал это: How to show one div of many, per page refresh? Но он не работает и показывает оба divs visible ...

Может ли кто-нибудь помочь?

EDIT: Ответ на исходный вопрос. Теперь, как я могу показать альтернативный div для каждой загрузки страницы. Не случайно. Что-то вроде посетителей 1,2,3,4 см. Divs 1,2,3,4 соответственно.

Я знаю, что для этого потребуется некоторый код на стороне сервера, может ли кто-нибудь помочь с некоторым базовым кодом php?

Answer 1

Проверьте эту скрипку. я извлекал дисплея: ни на вашем DIV с идентификатором рядный, чтобы просмотреть результаты

http://jsfiddle.net/bPK8y/

var value1 = 'my_first_div'; 
var value2 = 'my_second_div'; 
var chosenValue = Math.random() < 0.5 ? value1 : value2; 
var chosenDiv = document.getElementById(chosenValue); 
chosenDiv.style.display = "block"; 

HTML

<div id="inline" class="various2"> 
    <div style="padding:20px; display: none;" id="my_first_div"> 
     This is the content of that shows inside the fancybox modal. CONTENT 1 
    </div> 
    <div style="padding:20px; display: none;" id="my_second_div"> 
     This is the content of that shows inside the fancybox modal. CONTENT 2 
    </div> 
</div> 

Answer 2

Я предпочитаю временную метку над случайным по какой-то причине

HTML

<div id-="fancy_box"> 
    <div id="inline" class="various1" style="display:none;"> 
     <div style="padding:20px;"> 
      This is the content of that shows inside the fancybox modal 1. 
     </div> 
    </div> 
    <div id="inline" class="various2" style="display:none;"> 
     <div style="padding:20px;"> 
      This is the content of that shows inside the fancybox modal 2. 
     </div> 
    </div> 
</div> 

JQuery

$(function(){ 
    $(".various"+(new Date().getTime() % 2 +1)).css("display", "block"); 
}); 

О и fiddle is here