ciao a tutti,
ho un problema con uno slider in html5,dopo averlo testato su una pagina demo funziona perfettamente,in un box di dimensioni settate girano diverse foto.
A me servivano 3 box messi in riga dove potessere girare foto diverse,cosi ho creato una tabella ed ho inserito i codice dello slider in ogni cella.
Nella stessa pagine lo slider fuori dalle tabelle funziona perfettamente,quello all'interno nessuno dei tre,ma non risco a capire dove sbaglio.Vi posto il codice:
"<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>ResponsiveSlides.js · Responsive jQuery slideshow</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" href="responsiveslides.css" />
<link rel="stylesheet" href="demo.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="responsiveslides.min.js"></script>
<script>
$(function () {
// Slideshow 1
$("#slider1").responsiveSlides({
maxwidth: 300,
speed: 800
});
});
</script>
</head>
<body>
<div id="wrapper">
<h1></h1>
<ul class="rslides" id="slider1">[*][img]1.jpg[/img][*][img]2.jpg[/img][*][img]3.jpg[/img]
</div>
<table border="0">
<tr>
<td width="605" height="286">
<div id="wrapper">
<ul class="rslides" id="slider1">[*][img]1.jpg[/img][*][img]2.jpg[/img][*][img]3.jpg[/img]
</div>
</td>
<td width="605" height="286">
<div id="wrapper">
<ul class="rslides" id="slider1">[*][img]1.jpg[/img][*][img]2.jpg[/img][*][img]3.jpg[/img]
</div> </p>
</td>
<td width="605" height="286">
<div id="wrapper">
<ul class="rslides" id="slider1">[*][img]1.jpg[/img][*][img]2.jpg[/img][*][img]3.jpg[/img]
</div>
</td>
</tr>
</table>
</p>
</p>
</p>
</p>
</body>
</html>
"
grazie in anticipo a chi avesse la pazienza di darmi una mano
Piero
Rispondi quotando
