sto seguendo questo articolo: http://javascript.html.it/articoli/l...-scorrevole/2/
sto cercando di trasformarlo da vaerticale a orizzontale.
ho già modificato il javascript, ed infatti dopo il tempo impostato il testo scorre via.
il problema però è che il secondo item nn appare.
penso ci sia un problema di css.
vi posto tutto il codice.
html/js:
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>HTML.it - il sito italiano sul Web publishing</TITLE>
<script src="dw_scroller.js" type="text/javascript"></script>
<script type="text/javascript">
function initScroller() {
// arguments: id of layer that scrolls, width and height of scroller (of wn),
// number of items (including repeated 1st item), axis ("v" or "h")
// set up pause/resume onmouseover/out? (true or false)
var scr1 = new dw_scroller('cnt', 150, 160, 5, "h", true);
scr1.setTiming(100, 7000);
}
</script>
<link rel="stylesheet" type="text/css" href="style.css" />
</HEAD>
<body onload="initScroller()">
<h2>Div scorrevole</h2>
<div id="bg">
<div id="wn">
<div id="cnt">
<div class="item">
<h3>New Scroller</h3>
item1.</p>
</div>
<div class="item">
item2.</p>
</div>
<div class="item">
<h3>New Scroller</h3>
The new code is lean and efficient. Its time-based motion is smoother in most browsers.</p>
Its speed is generally more consistent across different browsers and platforms.</p>
</div>
</div>
</div>
</div>
</BODY>
</HTML>
css:
codice:
/* sfondi e bordi del div scorrevole */
#bg {
position:relative;
/* left:10px;*/
z-index:1000;
/* width:170px; */
width: 100%;
height:180px;
/* background-color:#eee;*/
border:1px solid #338;
}
/* posizionamento del div scorrevole */
div#wn {
position:absolute;
left:8px;
top:6px;
/* width:150px; */
width: 100%;
height:160px;
z-index:1;
clip:rect(0, 150px, 160px, 0);
overflow:hidden;
}
div#cnt {
position:absolute;
z-index:1;
}
/* formattazione del testo che faremo scorrere */
div#cnt div.item {
/* width:150px;*/
width: 100%;
height:160px;
color:#336;
}
div#cnt h3 {
font-size:12px;
margin:0 0 .5em 0;
}
div#cnt p {
font-size:11px;
margin:.5em 0 0 0;
}
div#cnt ul {
margin:.5em 0 0 0;
padding:0;
font-size:11px;
}
div#cnt ul li {
margin: .5em 0 0 1em;
list-style-type:none;
}
potete aiutarmi??