Grow your CSS skills. Land your dream job.

Vertical slideshow

  • # September 1, 2009 at 12:47 am

    Please help, I’m not very good in javascript
    I need to make a vertical slideshow of pictures, automatic (no up and down buttons), just running pictures. :?: It has to be in the left sidebar area. Any suggestions will be appreciated. Site url: http://bachuk.com/fezayarns/

    Rob
    # September 1, 2009 at 8:36 am

    well you could start in google :D LOL

    http://www.webdesignbooth.com/create-a- … usel-lite/

    http://www.queness.com/post/443/jquery- … n-tutorial

    http://www.catswhocode.com/blog/top-10- … nd-sliders

    and if you don’t want to code something…

    http://malsup.com/jquery/cycle/

    that should get you going :D

    # September 1, 2009 at 11:12 pm

    Thank you. I googled it, but didn’t find anything.
    Anyway, thank you. I found what I was looking for… http://www.webdesignbooth.com/create-a-vertical-scrolling-news-ticker-with-jquery-and-jcarousel-lite/

    Rob
    # September 2, 2009 at 3:39 am

    awesome :)

    Good luck!

    # September 2, 2009 at 9:32 pm

    Is there anyway to change direction of JCarousellite to "top to bottom". ?

    Rob
    # September 3, 2009 at 8:15 am

    Come on dude – atleast read some documentation lol :)

    $(".vertical .jCarouselLite").jCarouselLite({
    btnNext: ".vertical .next",
    btnPrev: ".vertical .prev",
    vertical: true
    });

    # September 3, 2009 at 8:58 am

    Thank you Rob. But I need it to work without any buttons. I want autoscroll, now it is working from bottom to top, and I need to change the direction. I read documentation, googled it – no luck.

    Rob
    # September 3, 2009 at 9:02 am

    well you didnt read very far… all you need to add is

    auto:500

    to make it auto scroll every 500ms

    If you read Step 4 in the tut you linked it tells you that… he even says

    "The script itself is pretty straight forward. The “auto:500? means it will auto-scroll every 500ms. There are a lot of options which you can configure easily. Refer the documentation for more information."

    # September 3, 2009 at 9:06 am

    I know it, now it works well without buttons, using autoscroll. But all I need to change is direction, I need it to scroll from top to bottom, that’s it. I can’t find it anywhere.

    # September 3, 2009 at 9:14 am

    http://fezayarns.com that’s how it looks now.

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".