Membre
|
Bonjour à tous.
j'ai un souci avec mon code javacript, je voudrais dynamisé mes images et donc je voudrais que quand ont clic sur une image miniature elle fait appelle à la grande image. Déjà réalisé le code js mais le souci est que quand je clic sur mes liens, ils font le même effet que les image et ne donne pas sur les pages souhaité...
Voici le code
var links = document.getElementsByTagName('a'),
linksLen = links.length;
for (var i = 0 ; i < linksLen ; i++) {
links[i].onclick = function() {
displayImg(this); // fonction pour afficher les images
return false; // on bloque la redirection
};
}
function displayImg(link) {
var img = new Image(),
overlay = document.getElementById('imgover');
img.onload = function() {
overlay.innerHTML = '';
overlay.appendChild(img);
};
img.src = link.href;
overlay.style.display = 'block';
overlay.innerHTML = '<span>Chargement en cours d'exécution svp...</span>';
}
document.getElementById('overlay').onclick = function() {
this.style.display = 'none';
};
Grand merci
|