PDA

View Full Version : javascript scrolling



d-machine
08-04-2011, 03:51 PM
Hi,

Can you help me to realize what is wrong in my code:
scroller (http://orlygraf.co.il/view3.php?id=1)?

The scroller includes a list of images.

Thanks!

XManBG
08-06-2011, 06:01 PM
Hi, maybe you can tell us first, what do you expect...

As I've seen, your UL tag misses one "float: left" in the style... Thus all pictures can be scrolled and do not disappear.



<ul style="position: relative; top: 0px; width: 1850px; height: 75px; left: 0px; margin: 0px; padding: 0px; float: left;" id="mycarousel" class="jcarousel-list jcarousel-list-horizontal">
<li jcarouselindex="1" style="float: left; list-style: none outside none;" class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal"><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" alt="" height="75" width="75"></li>
<li jcarouselindex="2" style="float: left; list-style: none outside none;" class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal"><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" alt="" height="75" width="75"></li>
<li jcarouselindex="3" style="float: left; list-style: none outside none;" class="jcarousel-item jcarousel-item-horizontal jcarousel-item-3 jcarousel-item-3-horizontal"><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" alt="" height="75" width="75"></li>
<li jcarouselindex="4" style="float: left; list-style: none outside none;" class="jcarousel-item jcarousel-item-horizontal jcarousel-item-4 jcarousel-item-4-horizontal"><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" alt="" height="75" width="75"></li>
<li jcarouselindex="5" style="float: left; list-style: none outside none;" class="jcarousel-item jcarousel-item-horizontal jcarousel-item-5 jcarousel-item-5-horizontal"><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" alt="" height="75" width="75"></li>
<li jcarouselindex="6" style="float: left; list-style: none outside none;" class="jcarousel-item jcarousel-item-horizontal jcarousel-item-6 jcarousel-item-6-horizontal"><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" alt="" height="75" width="75"></li>
<li jcarouselindex="7" style="float: left; list-style: none outside none;" class="jcarousel-item jcarousel-item-horizontal jcarousel-item-7 jcarousel-item-7-horizontal"><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" alt="" height="75" width="75"></li>
<li jcarouselindex="8" style="float: left; list-style: none outside none;" class="jcarousel-item jcarousel-item-horizontal jcarousel-item-8 jcarousel-item-8-horizontal"><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" alt="" height="75" width="75"></li>
<li jcarouselindex="9" style="float: left; list-style: none outside none;" class="jcarousel-item jcarousel-item-horizontal jcarousel-item-9 jcarousel-item-9-horizontal"><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" alt="" height="75" width="75"></li>
<li jcarouselindex="10" style="float: left; list-style: none outside none;" class="jcarousel-item jcarousel-item-horizontal jcarousel-item-10 jcarousel-item-10-horizontal"><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" alt="" height="75" width="75"></li>
</ul>