Zoombox : Image vers Image vers Site web ?

Heu voilà, une classe un peu ... on va dire "brut" ... mais elle te permet de faire ce que tu voulais réaliser...

Toi il faut que simplement que tu récupère : url, src ...

var ShowMe = {

    init : function(){
        $("a[rel='ShowMe'] img").click(function(){
           $("ul li.video").hide();
           ShowMe.load('', $(this).attr("url"), $(this).attr("title"), $(this).attr("alt"), $(this).attr("src"));
           return false;
        });

        $("a[rel='Calendar']").click(function(){
           $("ul li.video").hide();
           ShowMe.load('calendar', $(this).attr("href"), $(this).attr("title"), '', '');
           return false;
        });
    },

    load : function(of, url, title, content, src){
        $("embed").hide();
        ShowMe.largeur = 580;
        if(of=='calendar'){
            ShowMe.hauteur = (($("#box .conteneur div#day-"+title+" ul li").length*160)+40);
        }
        else{
            ShowMe.hauteur = 257;
        }
        ShowMe.redim(ShowMe.largeur,ShowMe.hauteur);

        $("#box").show();
        $("#box .conteneur").show();
        if(of=='calendar'){
            $("#box .fond").animate({
                opacity: 0.7,
                backgroundColor: '#000000'
            }, 500,function(){
                $("#box .conteneur div#day-"+title).animate({
                    height: 'toggle'
                }, 1000, function(){});
            });
            $("#box .fond").click(function(){
               ShowMe.quit(); 
            });
        }
        else{
            $("#box .conteneur").append("<div class='tutoriel'><h3><a href='"+url+"'>"+title+"</h3></a><p>"+content+"<br /><a href='"+url+"'>Lire la suite</a></p><img src='"+src+"'/></div>");
            $("#box .fond").animate({
                opacity: 0.7,
                backgroundColor: '#000000'
            }, 500,function(){
                $("#box .conteneur .tutoriel").animate({
                   height: 'toggle' 
                }, 1000, function(){});
            });
            $("#box .fond").click(function(){
               ShowMe.quit(); 
            });
        }
    },

    show : function(data){
        $("#box .conteneur").empty();
        $("#box .conteneur").append(data);
    },

    redim : function(largeur, hauteur){
        $("#box .conteneur").css("left", ((ShowMe.WindowWidth()-largeur)/2)+"px");
        $("#box .conteneur").css("top", (ShowMe.scrollY()+(ShowMe.WindowHeight()-hauteur)/2)+"px");
    },
    WindowHeight : function(){
        if(window.innerHeight) return window.innerHeight;
        else{return $(window).height();}
    },
    WindowWidth : function(){
        if(window.innerWidth) return window.innerWidth;
        else{return $(window).width();}
    },

    scrollY : function(){
        ScY = 0;
        if(typeof(window.pageYOffset)=='number'){
            ScY = window.pageYOffset;
        }else if(document.body && (document.body.scrollTop)){
            ScY = document.body.scrollTop;
        }else if(document.body && (document.documentElement.scrollTop)){
            ScY = document.documentElement.scrollTop;
        }
        return ScY;
        alert(ScY);
    },

    quit : function(){
        $("#box").fadeOut(500, function(){
            $("embed").show();
            $("#box").hide();
            $("#box .conteneur").hide();
            $("#box .conteneur div.cal").hide();
            $("#box .conteneur div.tutoriel").remove();
        });
    }
}

niveau html, ça donne :

<a href="redirection vers le site suivant ...(pour ceux qui on pas JS d'activer" rel="utilise ton rel celui que tu veux">
<img src="lien de la grande image" url="redirection vers le site suivant ..." />

Dans JS n'oublie pas : return false; comme ici :

$("a[rel='ShowMe'] img").click(function(){
           $("ul li.video").hide();
           ShowMe.load('', $(this).attr("url"), $(this).attr("title"), $(this).attr("alt"), $(this).attr("src"));
           return false;
        });