SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict
    Join Date
    Aug 2003
    Location
    England
    Posts
    391
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Cool How have they done this?

    Hi all,

    I really like the image slider/slideshow on http://www.arnoldclark.com/. Basically, instead of just swapping one image, they also swap the background image/colour.

    What would be a cool additional feature, is if the whole space could be clickable, instead of the small image.

    Do you guys know how they've done this, and if there is any jQuery that can be downloaded to customise?

    Many thanks

  2. #2
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,999
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    Hi there,

    Quote Originally Posted by rawkinrich100 View Post
    Do you guys know how they've done this, and if there is any jQuery that can be downloaded to customise?
    Not exactly and yes, in that order.
    I couldn't see any obvious plugins on the page you link to so I'm not sure of the exact technique they used.
    Saying that, if you look here, you will find a tutorial and demo as to how such an effect can be achieved.

    HTH

  3. #3
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by rawkinrich100 View Post
    Do you guys know how they've done this, and if there is any jQuery that can be downloaded to customise?
    Their function.js file is what they are using to manage that transition.
    Have an explore around the ac_initAdBanner() function.
    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
  •