SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    SitePoint Guru
    Join Date
    Nov 2008
    Posts
    848
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problem with Jcarousel

    Hi I am using a jcarousel on this page http://bit.ly/e6baWq (user: demo, pass: demo), the problem is that when you scroll to the right on the carousel, the last image is not fully but partially displayed, how can I fix that? thanks

  2. #2
    SitePoint Addict bronze trophy AllanP's Avatar
    Join Date
    Sep 2010
    Location
    Australia
    Posts
    298
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    If you look to the left of the screen you will see that the missing part is shown there, so it is not moving left far enough. Perhaps the JCarousel website can help you.

    A more serious problem with your site is that if you resize the window by moving in the right hand side past the JCarousel arrow the whole display breaks pushing the images down below the box that should contain them. You might like to have a look at this.

  3. #3
    Under Construction silver trophybronze trophy AussieJohn's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    776
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    It looks like in your CSS the width of the list items for the carousel is being set to 178px and the actual images within them are 185px wide.

    Adjusting the width of the ".jcarousel-skin .jcarousel-item" to 185px (and adjusting any margins accordingly) should do the trick.
    var details = {
    . . web: "afterlight.com.au",
    . . photos: "jvdl.id.au",
    . . psa: "usethelatestversion.com"
    }


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
  •