The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Auto-Playing Featured Content Slider

  • # October 24, 2008 at 10:21 am

    hi all

    playing with the demo of the Auto-Playing Featured Content Slider…

    is it possible to get this to work so that it changes the slide on mouse over of the thumbnail, rather than on click?


    # October 24, 2008 at 10:35 am

    Yes you can. Simply change this code near the bottom:

    .click(function() {
    var $this = $(this);
    theInterval($this.parent().attr(‘href’).slice(1) – 1);
    return false;


    .mouseover(function() {
    var $this = $(this);
    theInterval($this.parent().attr(‘href’).slice(1) – 1);
    return false;
    # October 24, 2008 at 11:21 am


    thank you very much

    # October 28, 2008 at 9:40 am

    I noticed that when you click (or mouseover) an icon, the featured content displays for about the double of time than when you don’t interact with the navigation (same story with the starting content).
    Is there a way to avoid this behaviour and have all the screenshots displaying for the same time?

    # November 4, 2008 at 10:29 am

    I have been playing with the Auto-Playing Featured Content Slider for a site I am building for a friend. Its awesome and almost perfect for what he needs.

    I have two questions,

    I am having a problem with the layout when I used it within the site. Look here See how it pushes the thumbnailss together. However in I view just the include page it works fine. I know the problem is probably in the css somewhere but I cant seem to find it.

    Also is there a way to make to thumbnail area hold more than six items and slide left and right.

    Thank you in advance

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed