Plusieurs animations Flash

**cincap** · 14/03/2014, 08h41

Bonjour à toutes et à tous,

Sur ma page Web, j'ai créé un diaporama permettant de voir mes photos.

Ma question est ce que sur cette page je pourrai placer 2 bouttons me permettant de voir 2 autres diaporama tout en restant sur la même page.

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
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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
  <script></script><!--Serif WebPlus 9 HTML Export--><!--Supports HTML 4.01-->
  <meta http-equiv="Content-Type"
 content="text/html; charset=UTF-8">
  <meta name="Generator" content="Serif WebPlus 9.0.1.004">
  <title>Photos</title>
  <style type="text/css">
<!--
body {margin: 0px; padding: 0px;}
.Normal-P
{
margin:0.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400; }
.Normal-C
{
font-family:"Times New Roman", serif; font-size:24.0px; line-height:1.17; color:#a7a7a7; }
.Normal-C0
{
font-family:"Times New Roman", serif; font-size:24.0px; line-height:1.17; color:#a7a7a7; }
-->
  </style>
</head>
<body
 style="color: rgb(0, 0, 0); background-color: rgb(255, 0, 255);"
 link="#0000ff" vlink="#800080">
<noscript>
<center>
<div style="position:relative;width:1000px;">
</noscript>
<script type="text/javascript">
<!--
if (!document.layers) { document.write("<center> <div style=\"position:relative;width:1000px;\">"); }
//-->
</script>
<div
 style="position: absolute; left: 0px; top: 0px; width: 15px; height: 750px;"><img
 src="_wp_generated/wp68a6ab8c.png" title="" alt=""
 border="0" height="750" width="15"></div>
<div
 style="position: absolute; left: 527px; top: 691px; width: 89px; height: 33px;">
<map name="map0">
<area shape="poly" coords="89,2 0,2 0,32 89,32 89,2"
 href="photos.html">
<area shape="poly" coords="82,3 16,3 16,31 82,31 82,3"
 href="photos.html">
</map>
<img src="_wp_generated/wp1003b537.png" title="" alt=""
 usemap="#map0" border="0" height="33" width="89"></div>
<div
 style="position: absolute; left: 629px; top: 697px; width: 90px; height: 25px;">
<a href="photos.html"><img
 src="_wp_generated/wp150aca04.png" title="" alt=""
 border="0" height="25" width="90"></a></div>
<div
 style="position: absolute; left: 635px; top: 696px; width: 101px; height: 31px;">
<p class="Normal-P"><span class="Normal-C"><a
 href="services.html" style="">Services</a></span></p>
</div>
<div
 style="position: absolute; left: 424px; top: 693px; width: 89px; height: 31px;">
<map name="map1">
<area shape="poly" coords="89,5 0,5 0,29 89,29 89,5"
 href="index.html">
<area shape="poly" coords="83,3 9,3 9,31 83,31 83,3"
 href="index.html">
</map>
<img src="_wp_generated/wpf5a17fa2.png" title="" alt=""
 usemap="#map1" border="0" height="31" width="89"></div>
<div
 style="position: absolute; left: 732px; top: 697px; width: 89px; height: 25px;">
<a href="index.html"><img
 src="_wp_generated/wp0a62ad4e.png" title="" alt=""
 border="0" height="25" width="89"></a></div>
<div
 style="position: absolute; left: 758px; top: 696px; width: 60px; height: 31px;">
<p class="Normal-P"><span class="Normal-C0"><a
 href="prix.html" style="">Prix</a></span></p>
</div>
<div
 style="position: absolute; left: 837px; top: 693px; width: 92px; height: 31px;">
<map name="map2">
<area shape="poly" coords="89,5 0,5 0,30 89,30 89,5"
 href="index.html">
<area shape="poly" coords="85,3 9,3 9,31 85,31 85,3"
 href="contact.html">
</map>
<img src="_wp_generated/wpc16130ee.png" title="" alt=""
 usemap="#map2" border="0" height="31" width="92"></div>
<div
 style="position: absolute; left: 984px; top: 0px; width: 16px; height: 750px;">
<img src="_wp_generated/wpe8661f56.png" title="Photos Cincap" alt=""
 border="0" height="750" width="16"></div>
<div class="flash"><object
 classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
 codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
 id="tech" align="middle" height="730" width="1000">
<param name="movie" value="Cindyalbum.swf"><param
 name="quality" value="high"><param
 name="allowFullScreen" value="true"><param
 name="wmode" value="transparent"><param
 name="allowScriptAccess" value="always"><param
 name="_flashcreator" value="http://www.photo-flash-maker.com"><param
 name="_flashhost" value="http://www.go2album.com">
<embed src="Cindyalbum.swf" quality="high"
 allowfullscreen="true" wmode="transparent"
 allowscriptaccess="always" name="tech"
 type="application/x-shockwave-flash"
 pluginspage="http://www.macromedia.com/go/getflashplayer"
 align="center" height="730" width="1000"></object></div>
<noscript>
</div>
</center>
</noscript>
<script type="text/javascript">
<!--
if (!document.layers) { document.write("</div></center>"); }
//-->
</script>
</body>
</html>

En vous remerciant si c'est possible.

Peut être avec l'id ?

@+,

Cincap

**rodolphebrd** · 14/03/2014, 09h04

Bonjour,

Des diaporamas d'images en Flash ça parait un peu désuet aujourd'hui surtout quand on voit la multitude d'exemples en Jquery ou en pur CSS (Galerie au clic sans javascript).

Je peux comprendre l'utilisation de Flash pour des animations complexes.

**cincap** · 14/03/2014, 10h05

@ rodolphebrd, merci de ta réponse, mais mon diaporama est réalisé par un logiciel qui me permet facilement d'avoir des effets et des thèmes différents sans trop me compliquer la vie.

Maintenant cela ne répond pas à ma question, j'essaye de mon côté mais le 2!ème se met en dessous donc je ne suis pas sur la bonne voie.

Si tu as une idée pour que le 1er qui est bien placé soit remplacé par le 2ième c'est ok.

Tu vas me dire aussi que je pourrai créer 2 pages identiques avec le diaporama adéquat mais cela ne m'arrange pas.

@+,

Cincap

Plusieurs animations Flash

HTML

Vue hybride

Discussions similaires

Partager

Partager