Boîte à lumière qui peut s'ouvrir automatiquement en fonction du chemin d'accès

Question

Il existe un million de scripts de superposition modale de type lightbox, mais je cherche celui qui a la capacité d'être automatiquement déclenché, en fonction du chemin qui y mène. Donc une propriété devrait vivre dans la chaîne d'URL qui l'a déclenchée. Quelqu'un at-il vu ou mis en place une telle chose? Je sais que colorbox a la capacité d'ouvrir automatiquement le modal lorsque vous atterrissez sur la page, mais je ne sais pas comment je pourrais rendre cette fonctionnalité dépendante du chemin que l'on y arrive. Des idées?

Answer 1

Vous pouvez mettre en œuvre un peu de JavaScript qui se penche sur la page de référence et ouvre la lumière En conséquence, vous ne devez pas vous limiter à une implémentation particulière. Vous pouvez lier à l'événement document prêt pour l'ouvrir.

Il existe un exemple d'accès au référenceur sur le site Web W3Schools ci-dessous.

http://www.w3schools.com/jsref/prop_doc_referrer.asp

Answer 2

Vous pouvez le faire avec Colorbox en modifiant les paramètres lors de l'initialisation.

En supposant que vous faites cela de commencer Colorbox:

$('div.gallery a').colorbox({ 
    onClosed: function() { alert('Colorbox closed');}, 
    current: 'Image {current} of {total}' 
}); 

Vous pouvez faire quelque chose comme ceci:

var colorBoxSettings = { 
    onClosed: function() { alert('Colorbox closed');}, 
    current: 'Image {current} of {total}', 
    open: false 
}; 

if (your_logic) { 
    colorBoxSettings.open = true; 
} 

$('div.gallery a').colorbox(colorBoxSettings); 

Answer 3

Je suggère qu'il n'y a pas besoin de déclenchement automatique. Vous pouvez le faire de cette façon -

Vérifiez d'abord si l'URL est constituée de la valeur appropriée que vous souhaitez ou non.

Cela peut être fait par le langage côté serveur (comme PHP) ou par javascript.

Si passe côté serveur fait dire un champ caché comme ci-dessous -

<input type="hidden" name="exists" value="true" /> 

Si fait en utilisant jquery Enregistrer valeur -

var value = "value from javascript if proper url exists"; 

Si fait par le côté serveur puis -

var value = $ ('input [nom = "existe"]'). val();

Ensuite, vous pouvez déclencher manuelle cilck (si la valeur url est selon votre attente) pour ancrer qui consiste lien overlay -

$('#id of anchor').trigger('click'); 

Si vous voulez overlay déclenchement automatique si vous pouvez alors essayer -

http://flowplayer.org/tools/demos/overlay/trigger.html