Diaporama avec Dreamweaver

**minimouse** · 13/06/2007, 13h35

bonjour à tous,

je souhaite faire un diaporama avec Dreamweaver. J'ai découvert qu'avec Dreamweaver on pouvait le faire automatiquement (des modèles de pages sont à disposition)

Pour cela, je vais dans Fichier - Nouveau - Conceptions de page - Image diaporama. Et j'obtiens ce code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
  
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" bgcolor="#FFFFFF">
<br>
<table width="90%" border="0" cellspacing="2" cellpadding="4" align="center">
  <tr bgcolor="#CCCCCC"> 
    <td colspan="3"> Title </td>
  </tr>
  <tr> 
    <td width="20%" height="5" align="center"> </td>
    <td width="60%" align="center"> <img name="image" width="320" height="240" vspace="4" hspace="4"></td>
    <td width="20%" align="center"> </td>
  </tr>
  <tr> 
    <td align="right" valign="bottom"><a href="#"><nobr></nobr></a></td>
    <td valign="top"> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, 
      sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam 
      erat, sed diam voluptua.</td>
    <td align="center"><a href="#"><nobr></nobr></a></td>
  </tr>
</table>
<br>
<hr width="90%" noshade size="1">
<br>
<table width="90%" border="0" cellspacing="0" cellpadding="4" align="center">
  <tr> 
    <td width="15%"><nobr><a href="#"><< First</a> | <a href="#">< Previous</a></nobr></td>
    <td width="70%" align="center"><nobr><a href="#">1</a> | 2 | <a href="#">3</a> 
      | <a href="#">4</a> | <a href="#">5</a></nobr></td>
    <td align="right" width="15%"><nobr><a href="#">Next ></a> | <a href="#">Last 
      >></a></nobr></td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="2" bgcolor="#CCCCCC">
  <tr> 
    <td> ©2001 Lorem Ipsum Dolor <a href="#">Sic Amet</a> • <a href="#">Consectetur</a></td>
    <td align="right"> <a href="#">Lorum</a> • <a href="#">Ipsum</a> • 
      <a href="#">Dolor</a> • <a href="#">Sic Amet</a> • <a href="#">Consectetur</a></td>
  </tr>
</table>
</body>
</html>

Ma question est simple : comment rajouter mes images ?

Merci d'avance pour votre aide

**Oluha** · 13/06/2007, 14h11

A priori, Dream te génère juste la mise en forme HTML et pas le code nécessaire derrière.
Encore une fonction de Dream que je trouve complètement inutile, surtout avec une mise en forme faite avec des tableaux

**minimouse** · 13/06/2007, 19h08

il faudrait que je trouve du javascript pour mettre en place ce diaporama ? A ce moment là, autant mettre en place directement le code javascript (ou autre) sans passer par leur "conception de page" ... je suis d'accord avec toi sur le fait que cette fonction est carrément inutile

merci pour ta réponse

**rasmata** · 08/08/2007, 12h37

Insérer tout d'abord votre première image. Attribuer lui un nom dans la fenêtre propriété. Ensuite, cliquez sur Fenêtre, puis sur Scénario. Une fenêtre de scénario s'affiche en bas de la fenêtre propriété. Sélectionnez un temps de seconde (par exemple 15), puis cliquez sur fenêtre, et ensuite sur comportement. Dans la fenêtre comportement cliquez sur "+" et sélectionnez "Permuter image". Une fenêtre apparaîtra et vous donne la possibilité de choisir une seconde image. Cliquez sur "Ok". Vous pouvez répéter avec le nombre d'images que vous disposez tout en restant raisonnable. Si vous souhaitez avoir une animation en boucle, cochez l'option "boucle".

Et voilà

Référence : http://www.cyberformateur.com/suppor...rama-anime.htm

**kenlag** · 22/08/2007, 07h52

Moi je voudrais faire la même chose mais avec un lien vers une page précise pour chaque photo ..... dans l'absolu je voudrais réaliser le slide qui est sur la page d'accueil de ce site : http://fr.msn.com/
J'ai récupéré le code mais je ne comprends pas tout !
Merci pour votre aide

Diaporama avec Dreamweaver

Dreamweaver

Discussions similaires

Partager

Partager