[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Programmation > Autres langages > [Java OU Flash ET PHP] Images défilantes > Lecture du sujet

[Java OU Flash ET PHP] Images défilantes

Avec liens et rollover

Vous devez être inscrit pour pouvoir poster des messages

Résolu Le problème de ce sujet a été résolu

Auteur	Message
Page : 1
1 visiteur sur ce sujet (1 anonyme)
Page : 1
a455bcd9	# Posté le 04/07/2006 à 18:42:04
Groupe : Membres	Bonjour, j'ai posté dans le forum PHP, mais c'était pas le bon... Depuis, je me suis plus renseigné sur ma question... J'ai une table "images" (par exemple) J'aimerai faire une boucle, et afficher (ORDER BY id DESC) les 4 premières images (LIMIT 0, 4). Jusque là, tout va bien... Par contre, j'aimerai les afficher, en les faisant défiler (je crois que ça s'appelle un slider en Flash) les unes après les autres. Par exemple : Chaque image s'affiche 5 secondes puis c'est la suivante qui s'affiche. J'aimerai aussi que chaque image, une fois cliqué, mène vers un lien différent. Et qu'il y ait un rollover sur chaque image. Pour l'instant, j'en suis là : Pour le Javascript, j'ai trouvé comment faire le défilement ( http://www.editeurjavascript.com/scripts/scripts_images_1_54.php ). Mais je crois pas que ce soit possible de combiner ce script avec du PHP. J'ai donc regardé en Flash ( http://www.supinfo-projects.com/fr/2005/flash%5Fslider%5Ffr/ ). Mais là encore, je vois pas comment combiner ça avec du PHP. Mais c'est tout de même mieux, car j'ai juste à mettre mon code sur ma page menu.php. Et à éditer mon slider. Alors qu'avec l'autre, je dois éditer toutes les pages de mon site pour chaque nouvelle image. Donc la meilleure option reste le Flash, mais j'aimerai faire un rollover, ou afficher une légende, à chaque passage de la souris. Malheureusement, je crois pas que ça soit possible... Quelqu'un pourrait-il m'aider ? Merci beaucoup ! @+++
Ze Killer-Whale	# Posté le 07/07/2006 à 11:04:27
Bisounours Powaa!! Groupe : Membres	Te fatigues pas à faire un flash pour ça, le JavaScript (Pas le Java, attention, c'est pas du tout pareil) suffit combiné au PHP... Ce que tu fais c'est que tu te crée une page HTML dans laquelle il y a du JavaScript qui va switcher entre 3 images d'abord, et une fois ceci fait à l'intérieur du code JavaScript à l'endroit où sont les adresses de tes images tu viens mettre ton code PHP qui séléctionne les images... Et tu enregistre ça en PHP biensure pour que le serveur sache qu'il faut interpreter avant d'envoyer... Ce qui se passe alors: Le server voit une page PHP, il se moque du reste et ne s'occupe que de ce qui est entre <?php ?>, donc il s'en fout que ce soit du JavaScript, du HTML, du XML, ou n'importequoi autour, il va chercher tes images dans la BDD, il met l'adresse dans 4 images en place dans le code JavaScript, puis envoie tout ça au client, et le client reçoit un code JavaScript propre et son navigateur le lit et affiche le Slide Show sans même savoir que les images ont étés sélectionnées en direct... Voilà, j'espère avoir été clair, je ne te donne pas de code, tu as l'air d'avoir ce qu'il faut en PHP et ce qu'il faut en JavaScript, donc je t'ai juste expliqué comment combiner les deux... Je suis né la 593299834e seconde de l'ère Unix, si c'est pas épatant?
a455bcd9	# Posté le 08/07/2006 à 08:51:42
Groupe : Membres	Heu, je comprends pas, en Javascript, pour faire les images défilantes, je dois mettre ça, entre <HEAD> et </HEAD> : Code : JavaScript <!-- DEBUT DU SCRIPT --> <SCRIPT LANGUAGE="JavaScript"> /* SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT http://www.editeurjavascript.com */ imgPath = new Array; SiClickGoTo = new Array; version = navigator.appVersion.substring(0,1); if (version >= 3) { i0 = new Image; i0.src = 'image1'; SiClickGoTo[0] = "lien1"; imgPath[0] = i0.src; i1 = new Image; i1.src = 'image2'; SiClickGoTo[1] = "lien2"; imgPath[1] = i1.src; i2 = new Image; i2.src = 'image3'; SiClickGoTo[2] = "lien3"; imgPath[2] = i2.src; i3 = new Image; i3.src = 'image4'; SiClickGoTo[3] = "lien4"; imgPath[3] = i3.src; } a = 0; function StartAnim() { if (version >= 3) { document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="image1" BORDER=0 ALT=Menu NAME=defil></A>'); defilimg() } else { document.write('<A HREF="lien1"><IMG SRC="image1" BORDER=0></A>') } } function ImgDest() { document.location.href = SiClickGoTo[a-1]; } function defilimg() { if (a == 4) { a = 0; } if (version >= 3) { document.defil.src = imgPath[a]; tempo3 = setTimeout("defilimg()",6000); a++; } } </SCRIPT> <!-- FIN DU SCRIPT --> Et ça entre <BODY> et </BODY> : Code : JavaScript <!-- DEBUT DU SCRIPT --> <!-- SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT http://www.editeurjavascript.com --> <SCRIPT LANGUAGE="JavaScript"> StartAnim(); </SCRIPT> <!-- FIN DU SCRIPT --> Et le PHP, je le mets où ? Entre <HEAD> et </HEAD> ? Je demande, parce que ça me parait bizarre de mettre du PHP ici, enfin, je savais pas que c'était possible... Mais sinon, j'aimerai combien un rollover avec les images qui défilent, ou bien mettre un titre sous l'image, ou bien quand on laisse le curseur dessus. Merci.
Ze Killer-Whale	# Posté le 08/07/2006 à 13:45:19
Bisounours Powaa!! Groupe : Membres	Le PHP je te dis tu le mets où tu veux, ça se passe côté serveur l'interprétation, là j'ai parcourus vite fait ton code, en gros dans ton code javascript tous tes "image1", "lien1", "image2", "lien2" etc, tu les remplace par un code PHP qui va sélectionner avec ta requette SQL les adresses des images et les liens où elles pointent, et tu mets renvoie en echo ça dans le code... Ex: Côté server: "<?php mysql_connect/selectds/query('Ta requette SQL'); /* Ici tu viens trier tes résultats en entrant ça dans image[i] et dans lien[i] */?> [...]if (version >= 3) { i0 = new Image; i0.src = '<?php echo('image[1]'); ?>'; SiClickGoTo[0] = "<?php echo('lien[1]');?>"; imgPath[0] = i0.src;[...]" (Je met pas de coloration parceque JavaScript plus PHP ça risque de rendre un truc moche avec GeSHi...) Et côté client tu auras juste: "[...] if (version >= 3) { i0 = new Image; i0.src = 'http://tonsite.machin/images/sitedeouf.gif'; SiClickGoTo[0] = "http://sitedeouf.com/"; imgPath[0] = i0.src;" Donc au final il n'y a rien d'étrange, côté serveur l'interpretation du PHP rend un code source "normal" côté client même dans du JavaScript... (Désolé si j'explique pas très bien, ça fait 2 nuit blanches de suite que je passe avec mes potes pour fêter le bac, j'suis un peu HS là... ) Enfin en gros si t'as bien lu le cours de M@téo et que t'as compris le fait que le code PHP peut-être mis dans n'importequoi du moment que c'est un truc propre que tu renvoies au client, le reste de ton code suivra tout seul... Je suis né la 593299834e seconde de l'ère Unix, si c'est pas épatant?
a455bcd9	# Posté le 17/08/2006 à 12:21:37
Groupe : Membres	Ok, merci beaucoup. En fait, je sais pas pourquoi, je voulais en plus du défilement, faire un rollover sur chaque image, mais en fait, après avoir réfléchi un tout petit peu (3 secondes ?) j'ai compris que ça servait à rien. Ensuite, j'avais pas envie de mettre du Javascript, parce ce que je dois mettre le code sur chaque page, et là encore, j'avais pas réfléchi, depuis que je suis passé en PHP, j'ai beaucoup moins de pages, donc le Javascript ne pose plus aucun problème. Encore merci, et désolé de t'avoir dérangé... problème résolu.

Retour au forum "Autres langages" ou à la liste des forums

Vous devez être inscrit pour pouvoir poster des messages

Tutoriels

Communauté

Mon compte

Recherche

Livre d'or

Publicité

[Java OU Flash ET PHP] Images défilantes

Avec liens et rollover