Diaporama photo en js

Bonjour voila je voudrais réaliser un diaporama photos pour mon site : http://www.cyclismactu.net/

a mettre dans la partie notre selection photo

Je voudrais recuperer les 15 dernieres photos posté lors de la rédaction d'un article, les liens de images uploadé sont stocké dans la base de données. Lors de l'affichage des images dans le diaporama je voudrais qu'en cliquant dessus je puisse atteindre directement l'article fesant référence a l'article en question

donc j'ai récupéré dans un tableau (array()) les liens des images que je voudrais affichées

Mais je ne sais pas comment gérer cela en javascript, j'ai chercher différent tuto, mais pas ce que je desire

merci de bien vouloir m'aider ;)

un exemple final de ce que tu souhaites ?

sinon une simple liste :

Code:

---

1 2 3

<ul> <li><img src="im1" onclick="onvaalarticle()"></li> </ul>

---

mise en forme suffirait :)

ce serait plutot comment afficher des photos a la chaine a partir d'un tableau

le script me permettant d'afficher les photos a partir d'un tableau de lien d'image

Citation:

---

Envoyé par vanpet

ce serait plutot comment afficher des photos a la chaine a partir d'un tableau

le script me permettant d'afficher les photos a partir d'un tableau de lien d'image

---

comme dans cet exemple ?

oui sauf que la le script scrute le repertoire

or moi je voudrais les 20 dernieres photos ajoutées, donc a priori je pense a partir d'un tabelau et non d'un repertoire car toutes les images sont stocké au meme endroit

il te faudra scanner le répertoire pour connaitre la date de création des 20 derniers fichiers ...
sinon stocké dans un tableau les 20 derniers comme tu l'as souligné

oui mais justement je ne sais pas en javascript, ou je n'ai que de pietre base comment faire cet algorithme avec mon tableau ;)

serait-il possible de me le détailler, car c'est apres reflexion ce qui correspond au mieux a ce que j'ai besoin


Sinon par ailleurs quel est la fonction permettant de connaitre la date de création d'un fichier?

pour récupérer la date de création du fichier il faudra te tourner vers un langage serveur ( php ou autre )

et pour créer ton tableau d'image généré en php une variable du genre :

Code:

---

var mesImages = new Array('image1','image2') ...

---

oui mais ça je sais mais ça ne m'affiche pas un diaporama :D

c'est apres j'utilise une boucle de la longueur du tableau mais je met quoi dedans c'est bine ça mon probleme le diaporama pas mon tableau ;)

montre nous ton code ^^

il me manque toute la partir js, mais bon un tableau je sais faire :D

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<?php         include_once('include/source.php');         $retour = mysql_query('SELECT * FROM news WHERE type = "classique" ORDER BY id DESC LIMIT 0, 15');         $image = array();         $i = 0;         while ($donnees = mysql_fetch_array($retour))         {                 $img = $donnees['image'];                 $max_width = 266;                 $info_img = array();                 $info_img = resize_img($img,$max_width);                     $image[i] = "<img src=\"".$img."\" alt=\"".$donnees['titre']."\" height=\"".$info_img[0]."\" width=\"".$info_img[1]."\"/>";                 $i++;         }   ?>

---

ça c'est ton code de sélection coté php ...
mais en javascript ou est le soucis 8O8O8O8O8O

je ne sais pas comment a partir d'un tableau afficher les images avec un delais, les rendre cliquable avec un lien propre a chaque image et enfin une fois au bout du tableau revenir au debut

tout quoi :D

tout ce qu'il faut pour me faire mon diaporama en quelque sorte, une fois la selection faite

Citation:

---

Envoyé par vanpet

je ne sais pas comment a partir d'un tableau afficher les images avec un delais, les rendre cliquable avec un lien propre a chaque image et enfin une fois au bout du tableau revenir au debut

---

dans le lien que je t'ai donné un script fait ce que tu décris : il faudra juste remplacer le code jS qui initialise le tableau d'image par ton script PHP. Le_Chomeur propose également un diaporama (tout est dans le forum des contributions).

oui j'avais pas vu merci, je vais essayer ça demain ;)

en fait je voudrais un diaporama comme celui ci en haut a gauche (enfin quelque chose de similaire), pas de boutons (suivant, precedent, play pause, ...)

http://www.velostory.net/

mais je suis laché niveau js, c'est pour ça que je viens ici :(, car le reste de mon site est plus ou moins fini

se serait sympa de me passer le code de ce genre de petite application ou un squelette du code

Merci ;)

pour ce genre de diaporama fait une recherche sur :

fondu d'image ( ou fading )

et div qui apparait , tu combines les deux et ça devrait être ok ;)
TRES simple a faire avec une petite recherche des scripts ^^

je vais essayer de gérer ça mais vu mon pauvre niveau en js c'est pas gagné :mrgreen:

je suis enfin arrivée a un truc plus ou moins correct

Merci a vous pour votre aide et vos conseils

on peut voir ?:mrgreen:

http://www.cyclismactu.net/index.php

dans la zone notre séléction photo ;)