Créer un compte
Connexion

Problème sur javascript

Pour créer et répondre aux sujets, vous devez être connecté.
Pages: 1
Auteur Message
dyc89
15/07/2012 à 15:23:20
dyc89
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


Pages: 1