Version imprimable
Salut , je suis débutant dans les site web et je suis entrain de créé mon site perso et je voudrais savoir comment réalisez un diaporama avec dreamweaver car j'ai fais mais page avec dreamweaver . Je voudrais un truc classe et simple
Je vous remercie d'avance .
Il y a beaucoup d'exemples sur internet qui sont accessibles aux débutants. Sinon, en voici deux que j'ai adopté, très simples d'utilisation et complet :
Html5 Slides : pour les diaporamas "pro"
Highslide : pour les images
Tes diaporama me plait beaucoup , mais ce n'est pas sa que je recherche c'est un exemple comme ceci http://soledinapoli.be/check.php?v=fr simple et qui change tout seul .
Merci d'avance je galére a trouver je m'y connais pas :aie:
Et bien en regardant simplement le code source de cette page, tu te rendras compte qu'un script est utilisé pour faire ceci.
De plus, les commentaires permettent de le comprendre.
il y a pas moyen que vous me procurez un script slideshow ? J'ai inspecter l'élément mais je c'est pas comment le prendre le script
en cherchant "javascript défilement image", il y a plein d'exemples déjà prêts et simple d'utilisation. Il suffit juste de les adapter à votre fonctionnement.
Voila j'ai trouver un scripte mais je ne c'est pas si c'est bon , comment mettre mes images a moi et l'introduire dans ma page ( je travaille avec dreamweaver sa ne cause pas de problémes ? )
Code:
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
Quelle est votre page ? Avez-vous compris ce code ? A quoi sert-il ? Est-ce qu'il répond bien à vos attentes ?
:roll:
Je pense qu'il vaut mieux commencer par des bases simples, quitte ensuite à enrichir le code, vu votre niveau.
Faites d'abord le listing de ce dont vous avez besoin :
* une liste d'image
* un truc qui affiche une image
* un truc qui stocke le nom des images
* un truc qui permet de changer le nom de l'image en cours d'affichage
* un truc qui permet de répéter toutes les X secondes le changement d'image
....
Et on obtient un machin qui, toutes les X secondes, permet d'appeler un truc qui change le nom d'une image dans un truc qui affiche l'image.
Essayez de comprendre le mécanisme du code ci-dessous et n'hésitez pas à poser des questions ;)
Si vous n'avez jamais fait de javascript/html, je vous conseille de vous documenter sur les bases.
Code:
2
3
4
5
6
7
8
9
10
11
Le code javascript à placer dans <head>
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Oui , je pense que vous avez raison , mais dsl de vous faire perdre du temps j'ai du mal a a comprendre :( je c'est pas comment mettre mes propres image dans le code et comment l'introduire dans ma page web ?
Je travaille avec dreamweaver sa ne cause pas de problèmes ?
Ma page :
Code:
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
Si vous comprenez votre page, vous n'aurez pas de soucis à comprendre la mienne :)
Vous pouvez travailler avec n'importe quoi. Dreamweaver est un outil d'édition de code. Vous pouvez très bien travailler avec Notepad, le résultat sera le même.
Comment l'introduire dans votre page ? Je ne sais pas, ça dépend à quel emplacement vous souhaitez le mettre. Il faut :
- mettre le script javascript entre les balises <head> et l'appeler dans le onload du <body>
- mettre <img src="image1.gif" alt="Mon image qui change !" id="image_a_changer" /> dans votre page à l'emplacement voulu.
- modifier image1.gif par le nom d'une de vos images.
- modifier var tab_img = new Array('image1.gif','image2.gif','image3.gif','image4.gif'); par la liste de vos images
- mettre vos images dans le même répertoire que le fichier html.
Ok , je vous remerci mais le code faut le mettre entre les head de ma page que j'ai préparé ?
:roll:
Tout dépend si vous souhaitez ou non garder cette page. Elle est utile ? Elle vous sert ? Vous êtes le seul à décider de ça.
J'ai l'impression que c'est du chinois pour vous. Les tutoriels que l'on peut trouver sur ce site (ou d'autres) sont bien meilleurs que moi pour vous enseigner la réalisation de page HTML
Salut,
je ne peux malheureusement pas te conseil par rapport au slideshow car j'ai moi même cherché pendant 3 jours pour mettre en place le mien sur un site alors qu'il est pas super optimisé...
Cependant, je te conseil de faire tes pages sous Notepad++ en tapant le code toi même plutôt que de passer par Dreamweaver (WYSIWYG => What You See Is What You Get / Ce que tu vois est ce que tu aura)
Le codage via traitement de texte et surement plus rigolo a faire et réduit la marge d'erreur entre navigateur il me semble :)
Bon courage a toi pour la suite ^^