Motion Gallery

Question

Bonjour,

J'essaye de réaliser un galerie photo comme sur le site http://www.dynamicdrive.com/dynamicindex4/cmotiongallery2.htm. J'ai essayé d'appliquer le code offert dans ce site mais ça ne fonctionne pas... Pouvez-vous m'aider ? Merci

tets88 · Answer

Je vois met peut-être mon code :



                            

                            

                                    


                                    


                                    


                                    [# ]


                                    [# ]


                                    [# ]


                                    [# ]


                                    [# ]


                                    [# ]
                           

                                

                        

CSS:

#motioncontainer{
    position: relative;
    width: 63px;
    height: 193px;
    top:0px;
    left:0px;
    overflow: hidden;
}
#motiongallery{
    position:absolute;
    left:0px;
    top:0px;
}
#contenuGalerie{
    position: absolute;
    top:25px;
    left: 190px;
    margin-left: 100px;
    width: 63px;
    height: 193px;
}

PetoleTeam · Answer

Bonjour,
...le code offert dans ce site mais ça ne fonctionne pas...
merci d'indiquer ce qui ne marche pas, nous ne sommes pas devins...

;O)

tets88 · Answer

Bonjour,

Excusé-moi... Le problème est simple. Dans ma page, mes 3 premières images s'affichent mais lorsque je passe dessus (comme dans l'exemple du site) rien ne se passe. J'ai mis une alerte dans le JS pour contrôler qu'il était bien pris en compte et ça fonctionne... 

Peut-être connaissez-vous une méthode plus simple pour arriver au même effet que celui souhaité.

Merci

PetoleTeam · Answer

Bonjour,
j'avais entendu dire que les scripts sur ce site étaient limite, mais bon si l'on balayait devant notre porte.

Le problème semble provenir de l'approche de la lecture de la position de la DIV qui ce promène, lecture du style.top, hors si tu mets le style dans les balises de STYLE cela plante.

Remets le style directement dans les balises, comme sur l'exemple de leur site, ou modifies le script en utilisant offsetTop.
;O)

tets88 · Answer

Bonjour,

Alors j'ai essayé de mettre le style dans la balise, ça ne fonctionne toujours pas... 

Que fait la fonction offsetTop et je le modifie ou dans le script ?

Peut-être connaîtriez-vous un autre site qui explique comment arriver à cet effet... Je n'ai pas trouvé d'autres sites sur le sujet...

Merci encore

PetoleTeam · Answer

Bonjour,
Alors j'ai essayé de mettre le style dans la balise, ça ne fonctionne toujours pas
effectivement il y a ligne 128 de la source prise sur le site ceci
menu_height=parseInt(crossmain.style.height)à remplacer par
menu_height = crossmain.offsetHeight;ce qui est bizarre d'ailleurs c'est que ligne 131 ils utilisent offsetHeight

Que fait la fonction offsetTop et je le modifie ou dans le script ?
- offsetTop n'est pas une fonction mais une propriété des élément du DOM.
- Correction à faire dans la fonction moveup(), remplace les cross_scroll.style.top par cross_scroll.offsetTop, mais UNIQUEMENT pour la lecture pas pour l'affectation.

Peut-être connaîtriez-vous un autre site qui explique comment arriver à cet effet... Je n'ai pas trouvé d'autres sites sur le sujet...
si tu utilises jQuery, comme il semblerait d'après certain de tes posts recherche dans leurs plugings.

;O)

Motion Gallery

6 réponses

Votre réponse

Discussions similaires