Galerie LightBox avec Flash

Jet SET Messages postés 4 Statut Membre -  
Mimiste Messages postés 1159 Statut Membre -
Bonjour,

J'utilise un script qui permet d'afficher une grande photo à partir d'une galerie, qui fonctionne à merveille :
http://www.photomarolleau.fr/industriel.html

Par contre à la place d'une grande photo, j'aimerais afficher une animation Flash...et là ça se complique.
Aujourd'hui, j'ai trouvé une parade en multipliant les fichiers html : http://www.photomarolleau.fr/studio1.html , mais cette solution n'est pas très propre.

Merci de votre aide.

Voici le script (tiré du Net) :
-------------------------------------------------------------------------------------------
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

for(var i = 0 ; i < liens.length ; i++)
// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
{
liens[i].onclick = function()
// Au clique sur ces liens
{
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
return false ; // Et pour finir on inhibe l'action réelle du lien
}
}
}

window.onload = function(){displayPics()}
// Il ne reste plus qu'à appeler notre fonction au chargement de la page
Configuration: Windows XP
Firefox 2.0.0.14

1 réponse

  1. Mimiste Messages postés 1159 Statut Membre 206
     
    Un truc qui peux fonctionner si tes fichier flash ont la même taille (hauteur largeur)

    tu modifie la partie HTML de big_photo car ce n'est pas une balise <img> que tu veux mais <object>.
    Quand tu créé un fichier flash il génère aussi un HTML, copie la balise object que tu trouvera dedans

    Dans cette balise object tu a une balise <embed> il faut donc lui donner comme nom et comme id "big_photo" pour que le script fonctionne (car le script modifie le parametre src )

    ensuite a la place d'images jpg dans les miniature tu charge les swf
    0