SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Feb 2014
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Auto scroll images

    Hi,

    Is there a way to autoscroll these images?

    http://jquerytools.org/demos/scrollable/gallery.html

    Thank you.

  2. #2
    SitePoint Mentor silver trophy
    Rubble's Avatar
    Join Date
    Dec 2005
    Location
    Cambridge, England
    Posts
    2,414
    Mentioned
    81 Post(s)
    Tagged
    3 Thread(s)
    No mention of autoscroll in the documents but clicking on an image works in firefox but not IE
    If you are looking for auto scroll I would look for something else; there are a lot of similar examples in Jquery and there must be one that does what you want.

  3. #3
    SitePoint Member
    Join Date
    Feb 2014
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Rubble View Post
    No mention of autoscroll in the documents but clicking on an image works in firefox but not IE
    If you are looking for auto scroll I would look for something else; there are a lot of similar examples in Jquery and there must be one that does what you want.
    Thank you. I managed to combine the script so that the play button would work http://jquerytools.org/demos/scrolla...tml#autoscroll but when I tried to combine the big image too, it wouldn't work.

  4. #4
    SitePoint Member
    Join Date
    Feb 2014
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Image Gallery

    I'd like to create an image gallery which has the same fade in effect as the below:

    http://jquerytools.org/demos/scrollable/gallery.html

    and it has the arrows to go left or right but I don't need the bottom thumbnails bit. I also need it to be automatic fade transitions from image one to another.

    Please can someone help or suggest any scripts on the net which already has this functionality?

    Thank you!

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

    I would use this plugin: jCarousel

    Then as per this StackOverflow answer, I would simulate the fading myself.

    Code:
    $('#yourContainer').jcarousel({
        visible: 1,
        scroll: 1, 
        itemLoadCallback: {
            onBeforeAnimation: mycarousel_fadeOut,
            onAfterAnimation: mycarousel_fadeIn
        }
    });
    
    function mycarousel_fadeOut(carousel) {
        var JCcontainerID = carousel.clip.context.id;
        $('#' + JCcontainerID).fadeOut();
    }
    
    function mycarousel_fadeIn(carousel) {
        var JCcontainerID = carousel.clip.context.id;
        $('#' + JCcontainerID).fadeIn();
    }


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
  •