¿Como duplicar un Slideshow?
Publicado por Rombur (1 intervención) el 24/09/2016 13:15:05
Hola amigos,
¿Algun experto puede decirme como poner dos slideshow en una misma pagina?
Se poner uno, pero al intentar duplicarlo me resulta imposible q se vean bien los dos, ya que parece que el script del primer slideshow pisa al segundo slideshow.
Mirar, este es el codigo de toda la web, solo tiene una tabla centrada, y el slideshow dentro de un apDiv
Necesito que haya un segundo slideshow igual que el primero, pero dentro del apDiv02.
Os lo agradeceria un monton ¡¡
¿Algun experto puede decirme como poner dos slideshow en una misma pagina?
Se poner uno, pero al intentar duplicarlo me resulta imposible q se vean bien los dos, ya que parece que el script del primer slideshow pisa al segundo slideshow.
Mirar, este es el codigo de toda la web, solo tiene una tabla centrada, y el slideshow dentro de un apDiv
Necesito que haya un segundo slideshow igual que el primero, pero dentro del apDiv02.
Os lo agradeceria un monton ¡¡
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title><style type="text/css">
ul.ppt {
position: relative;}.ppt li {
list-style-type: none;
position: absolute; top: 0; left: 0;}.ppt img {
border: 1px solid #e7e7e7;
padding: 5px;background-color: #ececec;
}</style>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
}
#apDiv2 {
position:absolute;
width:200px;
height:115px;
z-index:2;
}
--></style>
</head>
<body>
<table width="1000" border="0" align="center">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><div id="apDiv1"><ul class="ppt">
<li><img src="C:\Users\Tomás\Desktop\prueba copia\f.jpg" alt="descripción 1"></img></li>
<li><img src="C:\Users\Tomás\Desktop\prueba copia\Down HD.jpg" alt="descripción 2"></img></li>
<li><img src="C:\Users\Tomás\Desktop\prueba copia\linea.jpg" alt="descripción 3"></img></li>
</ul><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$('.ppt li:gt(0)').hide();
$('.ppt li:last').addClass('last');
var cur = $('.ppt li:first');
function animate() {
cur.fadeOut( 1000 );
if ( cur.attr('class') == 'last' )
cur = $('.ppt li:first');
else
cur = cur.next();
cur.fadeIn( 1000 );
}$(function() {
setInterval( "animate()", 5000 );
});
</script></div></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="80"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="92"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="279"> </td>
<td><div id="apDiv2"></div></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
Valora esta pregunta
0