SLIDE SHOW
steph_dev_o
Messages postés
7
Date d'inscription
lundi 19 mars 2007
Statut
Membre
Dernière intervention
18 novembre 2009
-
6 mars 2009 à 10:54
adsofts Messages postés 8 Date d'inscription mercredi 7 mai 2008 Statut Membre Dernière intervention 2 février 2010 - 2 févr. 2010 à 11:14
adsofts Messages postés 8 Date d'inscription mercredi 7 mai 2008 Statut Membre Dernière intervention 2 février 2010 - 2 févr. 2010 à 11:14
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/49434-slide-show
https://codes-sources.commentcamarche.net/source/49434-slide-show
2 févr. 2010 à 11:14
2 févr. 2010 à 11:08
A priori, si ca ne fonctionne pas sur ton site, le plus probable est que ma source entre en conflit avec un autre script (vairable de meme nom ?) on bien que tu n'as pas utiliser les bon ID... dans tous les cas, c'est assez difficile de savoir comme ca, eventuelement si tu ne trouves pas, envoie moi tes sources implémentées et je tenterai de le debuguer.
23 janv. 2010 à 14:34
Merci d'avance !
25 août 2009 à 17:02
Comment faire pour avoir 6 photos au lieu de 4 autour de l'image principale ?
Je suis novice en la matière , j'avoue
Merci
9 mars 2009 à 20:06
Cordialement
Charles
9 mars 2009 à 13:41
Les images en JS se manipulent grace à leur point en haut à gauche (top/left) ainsi que leur largeur (width) et leur hauteur (height). Pour faire ce que tu veux, il faudrait que chaque angle de l'image puisse avoir un couple de coordonnées que tu manipule en fonction de l'angle de rotation (cos(alpha) * sin(alpha)). Mais pour faire ca, il faut que le moteur recalcule pour chaque point de l'image la transformation en fonction de cet angle... JS n'est pas fait pour ca.
A la rigueur, tu pourrais imager de préparer ton animation en GIF (juste la rotation sur 360) puis au moment de l'animation changer la source de l'image fixe par l'image GIF et remettre l'image fixe une fois le zoom terminé. l'effet serait ce que tu veux, mais ca veux dire que tu dois préalablement pour chacune de tes images préparer le GIF (donc pas possible à faire dynamiquement)
9 mars 2009 à 12:39
Sur mon site, je veux créer un pressbook, avec les articles de journaux qui arrivent comme dans Spiderman (ou autre) en tournant sur lui-même et en s'approchant, mais c'est vrai que ça risque de te faire énormément modifier ton script. Ca risque d'être plus jouable avec du Flash (que je ne maîtrise pas non plus.
Merci quand même.
Charles
9 mars 2009 à 12:29
Je ne comprends pas bien ce que tu souhaites.
si par "tourne sur elle meme" tu veux dire qu'elle se retrouve là tête en bas pendant le déplacement, c'est impossible, JS ne me permet pas de faire ce genre de manipulation (du moins pas en natif, après y'a peut être certaine bibliothèques qui le permettent, mais je ne les connais pas)
Si j'ai mal compris ton souhait, ré-explique moi stp
9 mars 2009 à 12:14
Je ne suis absolument pas doué en javascript, mais ton slideshow me plait enormément, mais (parce qu'il y a toujours un mais ;-) )est ce que tu sais comment faire pour que l'image tourne plusieures fois sur elle-même en même temps que le zoom ?
Merci !
Charles
6 mars 2009 à 23:27
6 mars 2009 à 23:25
Même entre IE et FF y'a des différences de rythme (IE étant le plus rapide, j'avoue avoir été étonné ^^)
Il est possible de jouer sur la variable en début de script fixant le nombre max d'itérations (c'est le nombre "d'étape" entre chaque transitions). Il y à aussi bien sur le valeur du setTimeout, mais elle est déjà très basse (50) la baissait encore ne servirait à rien.
Il suffit alors de faire un petit switch dans la fonction init() pour régler le nombre d'itérations en fonction du navigateur et doit y'avoir moyen de stabiliser l'animation à vitesse constante sur tous.
merci en tous cas pour ton commentaire
6 mars 2009 à 18:29
J'ai fait le test sur Safari (PC) et je trouve que l'effet de disparition est saccadé contrairement à IE7 et FF. C'est quelque chose que j'ai remarqué avec tous mes scripts utilisant le setTimeout.
Sinon, le code fonctionne parfaitement sur Safari.
Bravo pour le code ;)
JDMCreator
6 mars 2009 à 16:48
a++
6 mars 2009 à 16:04
Pour le Px, je l'ai déjà rajouter dans ma version, mais effectivement je ne l'ai pas reposter juste pour ca, mais là encore tu as raison, c'est une erreur grossière de ma part (même si çà fonctionne, ce n'est pas bien de profiter de la permissivité des navigateurs)
Concernant le zIndex, j'avais initialement penser à le faire, mais par la suite, le faite que ça soit un coup en haut, un coup en bas, je trouvais ça amusant, donc je l'ai laisser comme ça...mais bon, suffit de rajouter ceci (à vu de nez, j'ai pas tester, je le code en rédigeant cette réponse):
dans la fonction permut(), juste en dessous du IsMoving == true;
var zIndex1 = document.getElementById(pId);
var zIndex2 = document.getElementById(MainPhotoID);
if(zIndex2 < zIndex1) {
document.getElementById(pId).style.zIndex = zIndex2;
document.getElementById(MainPhotoID).style.zIndex = zIndex1;
}
ça devrait le faire, du moins l'idée est là ^^
Concernant la classe, je veux bien le transformer en classe, seulement pour moi une classe est fait pour être instanciée depuis différent endroit dans un site. Si c'est pour être utiliser toujours au même endroit, sur la même page, une classe est inutile (et consomme de la mémoire pour rien). Or, à mon sens, en général, ce genre de galerie ne figure que à un seul endroit du site, sur la page "catalogue" par exemple... c'est donc pourquoi je suis passer par des fonctions simples.
maintenant si ca peut en aider certain, ca ne me dérange pas de la passer en classe.
Merci pour tes remarques constructives.
6 mars 2009 à 15:37
-utilise setInterval , au lieux de setTimeout , c'est fait pour ça
-rajoute des 'px', quand tu change les positions et dim, ie6 aime pas sinon :)
-tu devrais rajouter une gestion du zIndex, pour que celle ki arrive au centre soit tjrs au dessus de celle qui en sort.
-pk ne pas avoir fait une classe??
a++
6 mars 2009 à 13:40
merci encore.
Ha, et si vous avez des idées d'amélioration ou même besoin d'un coup de main pour l'adapter précisément à votre besoin, n'hésitez pas à m'en faire par (pas grand chose à faire aujourd'hui ^^)
6 mars 2009 à 12:11
Désolé pour la note, je me suis raté sur un déplacement de souris :
Ca mérite 4/5
A plus
6 mars 2009 à 12:03
Et pas compliqué à comprendre...
David.
6 mars 2009 à 12:01
et merci pour vos commentaires positifs à tous les deux :)
6 mars 2009 à 11:59
KENAVO
6 mars 2009 à 10:54
Je viens de tester les scripts sous IE 7 : c'est OK.
Tout a fonctionné correctement du premier.
Je recherche aussi souvent des diaporamas. Celui-ci me convient tout à fait.
Merci