Se connecter / S'enregistrer
Votre question

Comment faire un diaporama sur un site?

Tags :
  • photo
  • Programmation
Dernière réponse : dans Programmation
4 Janvier 2007 23:53:18

Bonjour alors voilà je voudrais savoir comment je fais pour fair une bar plutôt grande et metre des images dedans et quand la personne apuis sur la flêche de droite ou de gauche une autre image apparait.?
Merci de m'aider

Autres pages sur : diaporama site

4 Janvier 2007 23:58:25

Citation :
J'ai un site et je pense que ce que tu veut faire c a peu près pareil que ce que j'ai fait: http://4for2.free.fr
sur mon site va sur photos ou vidéo et dit moi si c sa que tu veut faire!!

5 Janvier 2007 00:45:34

Oui c'est a peu près celà mais j'aimerai que la photo à choisir aparaite un peu plus grosse que les autres non séléctionné mais se que tu a me suifira.
Donc si tu veux bien me dire comment on fait? et aussi comment tu as fair la banniere qui bouge merci @++
Contenus similaires
5 Janvier 2007 10:17:31

salut!! d'abord tu veux travailler avec quel logiciel
si tu veux flach je pourrai m'aider
5 Janvier 2007 10:20:34

je veux dire je pourrai t'aider (faute de frappe)
5 Janvier 2007 12:26:11

Je travaille avec NVU.
5 Janvier 2007 12:27:27

Non mais seb aide moi stp
5 Janvier 2007 13:30:49

Pour la bannière, c simple, j'utilise imageready (photoshop).
Pour le diaporama voici mon code:

Citation :
<table width="530" border="0" cellspacing="0" cellpadding="0" background="image_de font">
<tr>
<td height="310" align="center"> <IMG SRC="ici l'image que tu souhaite afficher" alt="nom de ta photo" WIDTH="500" HEIGHT="400" BORDER="0" ALIGN="top"></td>

</tr>
</table>

<table width="530" height="40" border="0" cellspacing="0" cellpadding="0" background="image de font">
<tr>
<td height="10" align="center"> <font size="5" face="Monotype Corsiva, Helvetica, sans-serif">text déscription image</font></td>
</tr>
</table>
<br>

<!--Cadre bas centre-->
<table width="530" border="0" cellspacing="0" cellpadding="0" background="image de font" height="37">
<tr>
<td height="30" align="center"><font size="2" face="Arial, Helvetica, sans-serif"><b><u>Album Photos:</u></b></font>
</td>
</tr>
</table>

<table width="530" border="0" cellspacing="0" cellpadding="0" background="image de font">
<tr>
<td height="100" width="32"valign="center"> <a href="page sur laquelle tu veut arriver quand tu clique sur la flèche"><IMG SRC="image de la flèche" WIDTH="20" HEIGHT="19" BORDER="0" ALIGN="right"></img></a></td> <!--Fléche photos-->
<td height="100" width="5" valign="center"> </td>
<td height="100" width="90" valign="top"> <a href="photo.php"><IMG SRC="ta photo" alt="lennie" WIDTH="89" HEIGHT="67.5" BORDER="1" ALIGN="top"></a></td>
<td height="100" width="90" valign="top"> <a href="photos/photo1.php"><IMG SRC="ta photo" alt="stephane" WIDTH="89" HEIGHT="67.5" BORDER="1" ALIGN="top"></a></td>
<td height="100" width="90" valign="top"> <a href="photos/photo2.php"><IMG SRC="ta photo" alt="lennie" WIDTH="89" HEIGHT="67.5" BORDER="1" ALIGN="top"></td>
<td height="100" width="90" valign="top"> <a href="photos/photo3.php"><IMG SRC="ta photo" alt="stephane" WIDTH="89" HEIGHT="67.5" BORDER="1" ALIGN="top"></td>
<td height="100" width="90" valign="top"> <a href="photos/photo4.php"><IMG SRC="ta photo" alt="julien" WIDTH="89" HEIGHT="67.5" BORDER="1" ALIGN="top"></a></td>
<td height="100" width="5" valign="center"> </td>
<td height="100" valign="center" width="32"> <a href="photos/photo1.php"><IMG SRC="image de ta flèche" alt="flèche" WIDTH="20" HEIGHT="19" BORDER="0" ALIGN="left"></img></a></td> <!--Fléche photos-->
</tr>
</table>

<table width="530" border="0" cellspacing="0" cellpadding="0" background="graphisme/images/fond_centre_bas.gif" height="42">
<tr>
<td height="2" align="center"> <font size="2" face="Arial, Helvetica, sans-serif"><u>Pages</u>: <a href="photo.php"> 1</a> - <a href="photos/2photo.php"> 2</a> - <a href="photos/3photo.php"> 3 </a></a></td>
</tr>
</table>


image de font correspond au encadré bleu sur mon site
5 Janvier 2007 15:48:52

Mdr Ok et je les met ou les images dans se code ?????
5 Janvier 2007 15:50:07

Je crois que j'ai comprie je vais essayé mais répond quand même au cas ou.
5 Janvier 2007 15:54:06

J'ai essayé c'est la merdeeeeeeeeeeeeeeeeeeeeeeeeeee lol et si je ve juste la bar en dessou?
merci d'avence.
PS:car en fait je veux juste le truc du dessou quoi que la case c'est pas mal aussi mais il me la faudrai à un autre endroit et pour le commencement je voudrai juste la bare si tu veux bien merci.

PS;PS:( lol) et aussi moi j'ai pas photoshop :-( alors si tu pourais me fair un truc tout simple, si tu veux bien moi je te donne mon add msn et comme sa je te file l'image pour que tu puisse m'aider.
Et même si tu m'aide à faire un peut le code pour les photo et le truc je te propose un partonaria je met un lien de ton site sur le mien et toi tu fais pareille comme sa on se sponsorise et en plus tu m'aide un peux pour du languge enfin si tu veux bien? répond moi a+.
5 Janvier 2007 16:45:38

A mon avis ce que tu décris ressemble à ce joli carrousel : http://prototype-carousel.xilinus.com/ (qui se trouve accessoirement être la base de celui qui est présent dans la logithèque d'idn ;)  )
5 Janvier 2007 17:03:46

Oui mais je voudrai pouvoir agrandire l'image.
5 Janvier 2007 20:29:50

Pour l'image animé, il faut que l'image est été créé sur photoshop (qu'il y ai des calques).

voici le code pour la barre seulement:

Citation :

<table width="530" border="0" cellspacing="0" cellpadding="0" height="37">
<tr>
<td height="30" align="center"><font size="2" face="Arial, Helvetica, sans-serif"><b><u>Album Photos:</u></b></font>
</td>
</tr>
</table>

<table width="530" border="0" cellspacing="0" cellpadding="0">
<tr>
<!--fléche de gauche-->
<td height="100" width="32"valign="center"> <a href="page sur laquelle tu veut arriver quand tu clique sur la flèche"><IMG SRC="image de la flèche" WIDTH="20" HEIGHT="19" BORDER="0" ALIGN="right"></img></a></td>

<td height="100" width="5" valign="center"> </td>

<td height="100" width="90" valign="top"> <a href="page sur laquelle tu veut arrivé kan tu clique sur l'image réduit"><IMG SRC="ta photo" alt="lennie" WIDTH="89" HEIGHT="67.5" BORDER="1" ALIGN="top"></a></td>

<td height="100" width="90" valign="top"> <a href="page sur laquelle tu veut arrivé kan tu clique sur l'image réduit"><IMG SRC="ta photo" alt="description" WIDTH="89" HEIGHT="67.5" BORDER="1" ALIGN="top"></a></td>

<td height="100" width="90" valign="top"> <a href="page sur laquelle tu veut arrivé kan tu clique sur l'image réduit"><IMG SRC="ta photo" alt="description" WIDTH="89" HEIGHT="67.5" BORDER="1" ALIGN="top"></td>

<td height="100" width="90" valign="top"> <a href="page sur laquelle tu veut arrivé kan tu clique sur l'image réduit"><IMG SRC="ta photo" alt="description" WIDTH="89" HEIGHT="67.5" BORDER="1" ALIGN="top"></td>

<td height="100" width="90" valign="top"> <a href="page sur laquelle tu veut arrivé kan tu clique sur l'image réduit"><IMG SRC="ta photo" alt="description" WIDTH="89" HEIGHT="67.5" BORDER="1" ALIGN="top"></a></td>

<td height="100" width="5" valign="center"> </td>

<!--fléche de droite-->
<td height="100" valign="center" width="32"> <a href="page sur laquelle tu veut arrivé kan tu clique sur l'image réduite"><IMG SRC="image de ta flèche" alt="flèche" WIDTH="20" HEIGHT="19" BORDER="0" ALIGN="left"></img></a></td>
</tr>
</table>


Tout ce qui est en vert doit etre remplacé par tes photos ou tes pages html ou php
5 Janvier 2007 21:35:11

Mais quand tu écrie page sur laquelle ... je met quoi à la place??
5 Janvier 2007 22:27:08

a cette endroit tu doit mettre un fichier html ou php contenant une nouvelle page qui affichera la photo en grand, en faite kan tu clique sur la petite image, sa t envoie sur la page (ex: page.html) ou la photo sera plus grande. Va voir sur mon site, kan tu clic sur une photo cela t envoie sur une nouvelle page idem avec les flèches!
5 Janvier 2007 23:10:51

Et n1kk0 tu ne continu pas ton explication pour le truc qui défile??
5 Janvier 2007 23:20:16

Toutes les explications sont sur le site que je t'ai indiqué.

A part le faire à ta place, je ne vois pas très bien ce que je pourrais te dire de plus.

Il me semble effectivement qu'il va te falloir te documenter un peu sur le html avant de pouvoir mettre en place ce type de composant, mais ça en vaut la peine si c'est ton truc :) .
5 Janvier 2007 23:43:27

Sayé j'ai déjà apris vachement de truc en 48h mais j'avais pas vue que c'était expliqué lool merci a+
7 Janvier 2007 01:02:59

J'ai regardé le site mais je ne voit pas ou est l'explication pour la fair?
1 Juin 2008 11:13:12

Bonjour à tous,

Le plus simple reste de passer par ComBoos sur http://www.comboost.com qui permet de partager ses photos en ligne très facilement (avec un logiciel de téléchargement rapide) et qui surtout crée des diaporamas personnalisables en couleurs, avec commentaires...

Un simple copier/coller et le diaporama est dans le site. Et de plus on peut changer les photos sans intervenir sur le site, simplement en modifiant les photos de l'album.

A+ !
10 Octobre 2009 14:34:31

tous simplement tu peus utiliser le photoshop
dans le menu fichier.puis automatisation ensuite galerie web photo et tu vas trouver plus d'un modele de diaporama.
10 Octobre 2009 15:00:37

padamis a dit :
tous simplement tu peus utiliser le photoshop
dans le menu fichier.puis automatisation ensuite galerie web photo et tu vas trouver plus d'un modele de diaporama.

:wahoo: 
là c'est sur pas de problèmes, sauf qq retouches du code nécessaires (car pas terrible !)
sinon bien d'autres possibilités existent :
demos :
http://www.unesourisetmoi.info/simpleviewer/index.html
http://www.unesourisetmoi.info/singapore/index.php
http://www.unesourisetmoi.info/album/index.html
etc etc etc ...
il n'y a que l'embarras du choix sur le net !
:hello: 
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS