J'ai une galerie d'images qui permute des images et je veux lier l'image permutée pour qu'elle soit encore plus grande dans une zone d'ombre/visionneuse. Je suis proche, j'ai un brainfreeze sur la façon d'ajouter le lien. Ça irait où j'ai la boîte d'alerte surgit maintenant. Voici la page si vous voulez le voir jusqu'ici: http://site.jpda.biz/projects/boerum-hill-houseAjout d'un lien vers l'image échangée
Je pense que c'est vraiment simple, mais je viens de frapper un mur avec. TIA.
function showImage(src)
{
$("#loader img").fadeOut("slow")
.remove();
var largeImage = new Image();
$(largeImage).attr("src", src)
.attr("id", "main")
.load(function()
{
$(largeImage).hide();
$("#loader").removeClass("loading")
.append(largeImage);
$(largeImage).fadeIn("slow");
$("#loader img").click(function()
{
alert("Launch Shadowbox here");
});
});
MISE À JOUR 11/23
Sur la base de la réponse Tricks j'ai pu trouver un bon moyen de corriger le problème que j'avais. J'ai commencé avec sa solution (construire un nouveau DIV) et cela m'a conduit à la fonction wrap que j'utilise maintenant. J'ai été capable d'utiliser la fonction wrap et de ne pas avoir à construire un DIV entier. Voici mon code mis à jour (inclut la possibilité de passer un titre pour le lien).
function showImage(src,tit)
{
$("#loader img").fadeOut("slow")
.remove();
$("#loader a").remove();
var largeImage = new Image();
var largePath = "/files/imagecache/project_large/" + src;
var largeLink = "<a rel='shadowbox' title='" + tit + "' href='/files/" + src + "'></a>";
$(largeImage).attr("src", largePath)
.attr("id", "main")
.attr("border", "0")
.load(function()
{
$(largeImage).hide();
$("#loader").removeClass("loading")
.append(largeImage);
$("#main").wrap(largeLink);
$(largeImage).fadeIn("slow");
});
}