Diaporama en Javascript sous IE
lexan
-
Lexan -
Lexan -
Bonjour à tous,
J'ai récupéré un code javascript pour afficher des photos à partir de miniatures sur mon site. En outre il affiche également un commentaire pour chacune des photos. Le script fonctionne très bien sous Firefox mais pas du tout sous Internet Explorer.
Ce dernier affiche bêtement la photo (taille normale) dans une nouvelle page et sans son commentaire.
L'URL du site : http://vlde.perso.orange.fr/ (menu photos)
Si quelqu'un a une idée du problème ...
Merci d'avance.
J'ai récupéré un code javascript pour afficher des photos à partir de miniatures sur mon site. En outre il affiche également un commentaire pour chacune des photos. Le script fonctionne très bien sous Firefox mais pas du tout sous Internet Explorer.
Ce dernier affiche bêtement la photo (taille normale) dans une nouvelle page et sans son commentaire.
L'URL du site : http://vlde.perso.orange.fr/ (menu photos)
Si quelqu'un a une idée du problème ...
Merci d'avance.
A voir également:
- Diaporama en Javascript sous IE
- Ie tab - Télécharger - Outils pour navigateurs
- Faire un diaporama photo avec musique windows 10 - Guide
- Telecharger javascript - Télécharger - Langages
- Sélectionnez une extension correspondant à un fichier de présentation (diaporama). ✓ - Forum Powerpoint
- Un agent immobilier a préparé un diaporama pour présenter une maison à vendre. appliquez la mise en forme de la première diapositive à toutes les autres. quel est le code du portail ? ✓ - Forum Powerpoint
1 réponse
J'ai oublié de vous donner le code du fichier "script.js" qui est appellé par la page du diaporama :
function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
// On récupère l'élément ayant pour id galerie_mini
var liens = photos.getElementsByTagName('a') ;
// On récupère dans une variable tous les liens contenu dans galerie_mini
var big_photo = document.getElementById('big_pict') ;
// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale
var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
// Et enfin le titre de la photo de taille normale
// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
for (var i = 0 ; i < liens.length ; ++i) {
// Au clique sur ces liens
liens[i].onclick = function() {
big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
big_photo.alt = this.title; // On change son titre
titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
return false; // Et pour finir on inhibe l'action réelle du lien
};
}
}
window.onload = displayPics;
function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
// On récupère l'élément ayant pour id galerie_mini
var liens = photos.getElementsByTagName('a') ;
// On récupère dans une variable tous les liens contenu dans galerie_mini
var big_photo = document.getElementById('big_pict') ;
// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale
var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
// Et enfin le titre de la photo de taille normale
// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
for (var i = 0 ; i < liens.length ; ++i) {
// Au clique sur ces liens
liens[i].onclick = function() {
big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
big_photo.alt = this.title; // On change son titre
titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
return false; // Et pour finir on inhibe l'action réelle du lien
};
}
}
window.onload = displayPics;