Comment faire un diaporama sur un site? - Programmation
Ceci répond-il à votre question ? Oui | Non
Se connecter | Inscription
 

Ajouter une réponse



 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : Comment faire un diaporama sur un site?
 
first2a
Profil : IDNaute
Plus d'informations
n°89553
04-01-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

Liens

seb326
Profil : IDNaute
Plus d'informations
n°89555
04-01-2007 à 23:58:25

seb326 a écrit :

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!!
first2a
Profil : IDNaute
Plus d'informations
n°89558
05-01-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 @++

lauranet
Profil : IDNaute
Plus d'informations
n°89590
05-01-2007 à 10:17:31

salut!! d'abord tu veux travailler avec quel logiciel
si tu veux flach je pourrai m'aider

lauranet
Profil : IDNaute
Plus d'informations
n°89593
05-01-2007 à 10:20:34

je veux dire je pourrai t'aider (faute de frappe)

crazycat@i dn
http://127.0.0.1
Profil : IDNaute
Plus d'informations
n°89595
05-01-2007 à 10:23:34
first2a
Profil : IDNaute
Plus d'informations
n°89628
05-01-2007 à 12:26:11

Je travaille avec NVU.

first2a
Profil : IDNaute
Plus d'informations
n°89629
05-01-2007 à 12:27:27

Non mais seb aide moi stp

seb326
Profil : IDNaute
Plus d'informations
n°89644
05-01-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">&nbsp;<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">&nbsp;<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">&nbsp;<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">&nbsp;</td>
<td height="100" width="90" valign="top">&nbsp;<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">&nbsp;<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">&nbsp;<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">&nbsp;<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">&nbsp;<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">&nbsp;</td>
<td height="100" valign="center" width="32">&nbsp;<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">&nbsp;<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

first2a
Profil : IDNaute
Plus d'informations
n°89672
05-01-2007 à 15:48:52

Mdr Ok et je les met ou les images dans se code ?????

first2a
Profil : IDNaute
Plus d'informations
n°89673
05-01-2007 à 15:50:07

Je crois que j'ai comprie je vais essayé mais répond quand même au cas ou.

first2a
Profil : IDNaute
Plus d'informations
n°89674
05-01-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+.


Message édité par first2a le 05-01-2007 à 15:59:47
n1kk0
I am the Architect. I created the Matrix
Profil : IDNaute
Plus d'informations
n°89682
05-01-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 ;) )


Message édité par n1kk0 le 05-01-2007 à 16:46:58
first2a
Profil : IDNaute
Plus d'informations
n°89684
05-01-2007 à 17:03:46

Oui mais je voudrai pouvoir agrandire l'image.

seb326
Profil : IDNaute
Plus d'informations
n°89708
05-01-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">&nbsp;<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">&nbsp;</td>

<td height="100" width="90" valign="top">&nbsp;<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">&nbsp;<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">&nbsp;<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">&nbsp;<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">&nbsp;<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">&nbsp;</td>

<!--fléche de droite-->
<td height="100" valign="center" width="32">&nbsp;<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


Message édité par seb326 le 05-01-2007 à 20:37:30
first2a
Profil : IDNaute
Plus d'informations
n°89712
05-01-2007 à 21:35:11

Mais quand tu écrie page sur laquelle ... je met quoi à la place??

seb326
Profil : IDNaute
Plus d'informations
n°89718
05-01-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!

first2a
Profil : IDNaute
Plus d'informations
n°89728
05-01-2007 à 23:10:51

Et n1kk0 tu ne continu pas ton explication pour le truc qui défile??

n1kk0
I am the Architect. I created the Matrix
Profil : IDNaute
Plus d'informations
n°89732
05-01-2007 à 23:20:16
Masquer