ouverture auto lightbox

[ST WebDesign]

Hello,
Quelqu'un sait-il comment faire apparaître/ouvrir une lightbox automatiquement à l'ouverture d'une page d'accueil ?
Je suppose que ça se passe au niveau du "onload"...

Merci d'avance
A+

[iankoOol]

Salut,

si cela peut t'aider voici ce que j'utilise avec la zoombox/jquery

l'url déclencheuse : http://www.domaine.com/?zoombox=on

le js avec ici l'ouverture d'une vidéo dans la zoombox

Code : Tout sélectionner

if (document.location.href.search("zoombox=on")!=-1){
               jQuery(function(jQ){
                  url="http://www.youtube.com/watch?v=-XXXXXXXXX&feature=youtu.be";
                  jQ.zoombox.open(url,{
                     theme:'zoombox',
                     gallery:false,
                     width:640,
                     height:360,
                     autoplay:true
                  });
               });
            }

Je pense que ce qui t'intérèsse c le

Code : Tout sélectionner

if (document.location.href.search("zoombox=on")!=-1){ .... }

[tom-over]

Avec le code ci-dessous, il est possible d'ouvrir automatiquement une fenêtre et d'éviter son ouverture à chaque chargement de la page (oui car moi ça me stress) un cookies est créé. La fenetre s'ouvre 1 fois par jour

Code : Tout sélectionner

<script type="text/javascript">
window.addEvent('domready', function() {
  var u = new URI(document.URL);
  if (u.get('fragment') == '2013' || !Cookie.read('2013')) {
     Cookie.write('2013', '1');
     Mediabox.open('#mb_alerte', '', '530 532');
  }
});
</script>

l'article :

Code : Tout sélectionner

<div id="mb_alerte">Ma fenêtre bla bla bla bla</div>

un exemple : http://www.picard-serrures.com/

[ST WebDesign]

Hey Merci les Gars !
Je regarde tout ça !!

@+

[ST WebDesign]

Salut,

TOM-OVER : Je viens d'utiliser ta méthode mais la création du cookies ne semble pas fonctionner correctement...
Car lorsque je ferme mon navigateur et que je retourne sur le site en question, la lightbox s'affiche à nouveau...

Voici le site : http://www.bourasseau-industrie.fr

Une solution peut-être ?

[iankoOol]

Hello,

chez moi cela a fonctionné, je n'ai vu qu'une fois le pop-up.

Marrant j'ai mis en place une pré-home idem avec cookie sur Professeur Cyclope (pré-home imposée, affichée au-dessus de la home pour pas perdre en référencement naturel).

[ST WebDesign]

Hello,

chez moi cela a fonctionné, je n'ai vu qu'une fois le pop-up.

Même en fermant complètement ton navigateur ??

Marrant j'ai mis en place une pré-home idem avec cookie sur Professeur Cyclope (pré-home imposée, affichée au-dessus de la home pour pas perdre en référencement naturel).

Excellent !! bien joué !

[iankoOol]

Effectivement, ton cookie est réglé pour expiration sur "Lorsque vous quittez la session de navigation." car tu ne donnes pas de "duration".

vu sur la doc de mootols :

Code : Tout sélectionner

Saves the cookie for a day:
var myCookie = Cookie.write('username', 'JackBauer', {duration: 1});

donc j'imagine pour ton script ok 1 jour :

Code : Tout sélectionner

<script type="text/javascript">
window.addEvent('domready', function() {
  var u = new URI(document.URL);
  if (u.get('fragment') == '2013' || !Cookie.read('2013')) {
     Cookie.write('2013', '1', {duration: 1});
     Mediabox.open('#mb_alerte', '', '530 532');
  }
});
</script>

à tester...
Via chrome tu peux visualiser tes cookies
-> Préférences... -> Afficher les paramètres avancés -> Paramètres de contenu... -> Cookies et données du site...

[ST WebDesign]

Ah ok !!
Merci iankoOol, tu me sauve une fois de plus... !

@++
Sam

[ST WebDesign]

Re,

Savez-vous comment mettre une temporisation sur une médiabox ??
Exemple : 5 secondes d'affichage

[ST WebDesign]

Je m'auto répond

Il faut ajouter ce code là :

Code : Tout sélectionner

     window.setTimeout(function(){ Mediabox.close(); }, 10000);


ce qui donne :

Code : Tout sélectionner

<script type="text/javascript">
window.addEvent('domready', function() {
  var u = new URI(document.URL);
  if (u.get('fragment') == '2013' || !Cookie.read('2013')) {
     Cookie.write('2013', '1', {duration: 1});
     Mediabox.open('#mb_alerte', '', '565 750');
     window.setTimeout(function(){ Mediabox.close(); }, 10000);
  }
});
</script>


[FiX']

Merci pour l'astuce

Cela va m'être très utile pour un projet e-commerce qui verra le jour dans quelques mois... fin je l'espère étant donné que j'en suis qu'au stade de négociation.



A+

[evantro]

Bonjour

Pour ma part j'utilise le code et la partie cookie fonctionne bien par contre le test
u.get('fragment') ==
ne semble pas fonctionner, c'est pas très grave mais de votre coté fonctionne-t-il ?

Merci

[tom-over]

je partage une variante pour ouvrir la fenêtre quelques seconde après le chargement de la page :

Code : Tout sélectionner

<script type="text/javascript">
window.addEvent('domready', function() {
  var u = new URI(document.URL);
  if (u.get('fragment') == 'fete2014' || !Cookie.read('fete2014')) {
     Cookie.write('fete2014', '1', {duration:1});
    window.setTimeout(function(){ Mediabox.open('#mb_alerte', '', '500 300'); }, 2000);
  }
});
</script>

par contre le {duration: 1} nous sert à quoi ??