Tom's Guide > Forum > Programmation > Comment faire un diaporama sur un site?

Comment faire un diaporama sur un site?

Forum Programmation : Comment faire un diaporama sur un site?

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !

Contenu relatif

Voir tous les sujets correspondants à "comment diaporama site"

Créer un nouveau sujet Répondre

Bas de page Chercher dans ce sujet

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

Répondre

Inscrivez-vous ou connectez-vous pour masquer ceci.

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!!

Répondre à seb326

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 @++

Répondre à First2a

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

Répondre à lauranet

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

Répondre à lauranet

http://www.huddletogether.com/projects/lightbox/

------------------------------ Réseau IRC Francophone | g33k-zone
Répondre à crazycat@idn

Je travaille avec NVU.

Répondre à First2a

Non mais seb aide moi stp

Répondre à First2a

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>


<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> 
<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> 
</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

Répondre à seb326

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

Répondre à First2a

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

Répondre à First2a

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;PSlol) 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

Répondre à First2a

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

Répondre à n1kk0

Oui mais je voudrai pouvoir agrandire l'image.

Répondre à First2a

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>

<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>


<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

Message édité par seb326 le 05-01-2007 à 20:37:30

Répondre à seb326

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

Répondre à First2a

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!

Répondre à seb326

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

Répondre à First2a

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 .

Répondre à n1kk0

Sayé j'ai déjà apris vachement de truc en 48h mais j'avais pas vue que c'était expliqué lool merci a+

Répondre à First2a

J'ai regardé le site mais je ne voit pas ou est l'explication pour la fair?

Répondre à First2a

Bonsoir

Pour eviter les problèmes avec Flash (embed / object)

pourquoi ne pas utiliser les Flux Media RSS que les principaux hebergeurs utilisenr (Picasa, Flickr, Photobucket,...)

Une explication ici pour un Blog :

http://aide-blogger-fr.blogspot.co [...] ogger.html

ET en utilisant la même technique, (Google AJAX Feed API) sur un site :

http://philippe.chappuis.googlepag [...] -media-rss

------------------------------
===
http://philippe.chappuis.googlepages.com
Répondre à prac

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+ !

Répondre à wx7898

Attention : technique trèèèès simple pour faire des super diaporama avec gestion plein écran (et même 3D) :

http://jeremy1000.free.fr/tutoriaux/diapo/

Répondre à jerbe

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.

Message cité 1 fois

Répondre à padamis

padamis a écrit :

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:

------------------------------ le www est fait pour communiquer et partager, non ? créations numériques : http://www.unesourisetmoi.info | http://www.unesourisetmoi.info/portofolio/ | http://blog.unesourisetmoi.info
Répondre à bg62

Créer un nouveau sujet Répondre

Tom's Guide > Forum > Programmation > Comment faire un diaporama sur un site?

Aller à :

Aide |
Règles du forum

Il y a 643 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Page générée en 0,427 secondes

Liens