SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Evangelist escapedf's Avatar
    Join Date
    May 2002
    Location
    Cape Town
    Posts
    458
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy js sliding scroller wont work :(

    Hi all,

    Im trying to use a js sliding scroller I found on the web.
    Its here: http://sorgalla.com/projects/jcarous...ic_simple.html
    More info here although im not 100% on javascript hence my post!:
    http://sorgalla.com/projects/jcarousel/

    I copied the files, changed the paths and heres mine:
    http://www.bluecrushdesign.co.za/bre...ic_simple.html

    firstly it has a wierd js error about widths & heights..
    secondly it doesnt seem to pick up the css, maybe it needs to be pathed from the js file too?

    Thanks in advance!
    "have the courage to follow your heart and intuition. They somehow already know what you truly want to become"

  2. #2
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,716
    Mentioned
    103 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by escapedf View Post
    firstly it has a wierd js error about widths & heights..
    The carousel does not wait for the images to have finished loading, so the carousel can not discover the width and height unless you provide them.

    It is good-practice to specify the width and height anyway, so provide them.

    Quote Originally Posted by escapedf View Post
    secondly it doesnt seem to pick up the css, maybe it needs to be pathed from the js file too?
    It appears that your css file doesn't exist.

    Can you confirm and fix that too?
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  3. #3
    SitePoint Evangelist escapedf's Avatar
    Join Date
    May 2002
    Location
    Cape Town
    Posts
    458
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks, css file exists now.. doesnt seem to bring in the styles though..

    And i have specified the width height here:
    <li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>

    Its ok ill try chat to a developer my end!
    "have the courage to follow your heart and intuition. They somehow already know what you truly want to become"

  4. #4
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,716
    Mentioned
    103 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by escapedf View Post
    thanks, css file exists now.. doesnt seem to bring in the styles though..

    And i have specified the width height here:
    <li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>

    Its ok ill try chat to a developer my end!
    There's something else you haven't specified the size of, the carousel itself.

    Your css script appears to be for jcarousel-skin-ie7 but your carousel on the page has the class jcarousel-skin-tango, which is what the demo uses.

    Compare http://sorgalla.com/projects/jcarous...tango/skin.css and http://www.bluecrushdesign.co.za/bre...s/css/skin.css
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript


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
  •