Results 1 to 2 of 2

Thread: javascript scrolling

  1. #1
    Join Date
    Nov 2007
    Posts
    151
    Thanks
    67
    Thanked 0 Times in 0 Posts

    Default javascript scrolling

    Hi,

    Can you help me to realize what is wrong in my code:
    scroller?

    The scroller includes a list of images.

    Thanks!

  2. #2
    Join Date
    Aug 2011
    Location
    both, Germany and Bulgaria
    Posts
    54
    Thanks
    14
    Thanked 10 Times in 10 Posts

    Default

    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.

    Code:
    <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>

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •