Recherche popin jquery

guillaumegomes
Javascript

Bonjour la communauté,

j'ai besoin de votre aide. :P

Je suis à la recherche d'une popin jquery qui change l'url de la page quand on l'utilise,
pour qu'on puisse y accéder en passant directement par une url,
en gros des que je passe par url j'arrive sur la page avec la popin jquery ouverte sur la bonne page / image.

Je ne sais pas si c'est très claire. :/

D'avance merci.

Cordialement,
Guillaume.

3 réponses

guillaumegomes
Auteur
Réponse acceptée

j'ai trouvé la solution à problème, je vais utiliser FancyBox paramétré de cette manière :

var current_hash = '';
var thisHash = window.location.hash;
$(document).ready(function() {
    $('.fancybox').fancybox({
        beforeShow: function() {
            var id = this.element.attr("id")
            current_hash = id;
            if (id) {
                window.location.hash = current_hash;
            }
        },
        beforeClose : function() {
            current_hash = false;
        },
        afterClose : function() {
            if ("pushState" in history) {
                history.pushState("", document.title, window.location.pathname);
            } else {
                window.location.hash = "";
            }
        }
    });
    if (thisHash) {
        $(thisHash).trigger('click');
    }
});

Résultat

Il ne me reste plus qu'à personnalisé la box selon mes besoins.

guillaumegomes
Auteur

@taskone :
Peut être que tu peux utilisé ce tutoriel : http://www.grafikart.fr/tutoriels/jquery/scroll-one-page-491
Et modifier le script, pour que lorsque qu'il change le menu, toi tu ajoute un locaction.hash = { ton-ancre }
Je n'ai pas suivi se tutoriel encore, mais c'est surement possible. :)

guillaumegomes
Auteur

Merci Taskone. :)
Tu pourra me dire si ma réponse t'a aidé.