jQuery.mb.verticalSlider

mb.verticalSlider

A good way to manage long list in short space!

jquery.mb.verticalSlider let you show long list of elements managing pagination, it can work with elements already in the DOM of your page or loading them via ajax when needed. And it works with mouse wheel of course.

v. 1.5

PayPal

77 Responses

  1. 55 Super Powerful jQuery Navigation and Menu Plugins | Free Web Design Tucson

    […] 1. mb.verticalSlider […]

  2. 55 jQuery Navigation and Menu Plugins
    55 jQuery Navigation and Menu Plugins at ·

    […] 1. mb.verticalSlider […]

  3. topy
    topy at · Reply

    Hi,

    I’m using verticalSlider without Ajax. I have a list with 5 visible entrys, so all works fine with up to 10 entries at all. But if there more it slides only to the last or to the first page. For example if there are 20 entries it shows 1,2,3,4,5, then u need to click 3 times and then it shows 16,17,18,19,20 … I tested it with just Test as innerHTML… but i doesnt work, here my configuration

    $(“#user_lists”).mb_vSlider({
    //default attributes of the mb.vSlider
    template:””
    ,easing:”easeOutExpo”
    ,slideTimer:1000
    ,nextEl:”.vSnext”
    ,prevEl:”.vSprev”
    ,height:100
    ,width:195
    },{ //data passed in the ajax query string
    elementsPerPage:5
    ,actualPage:0
    })

    any ideads?

    thx a lot
    topy

    1. Matteo Bicocchi
      Matteo Bicocchi at ·

      Hi Tobias,
      here is a link to the latest component’s update with a demo_list_in_place.html file included:
      https://github.com/pupunzi/jquery.mb.verticalSlider/zipball/1.1

      The second parameter pased to the function is considered only if you get the list via ajax, otherwise it’s ignored.
      Play around with the demo.
      Bye,
      Matteo

    2. topy
      topy at ·

      Hi,
      thx for your quick response and the example, but it didn’t helped me with my problem…

      First, here my Javascript: http://pastebin.com/68BgxA1r
      and here my HTML: http://pastebin.com/BAXJZ9JR

      It runs very nicely if I have only 10 entries in list. So there are two pages a 5 entries. But if I add one more, it brokes. I need to click TWO times to come to the next entrys and then it only shows the last ones. The entrys in the mid are just skipped. I don’t know whats wrong with my code.

      thx for helping me 😉

    3. Matteo Bicocchi
      Matteo Bicocchi at ·

      I test your code (http://pastebin.com/ZB6mph1e) but can’t repeat your behavior.
      It could be a CSS issue… don’t know.

      Bye,
      matteo

    4. topy
      topy at ·

      hi there,
      thx for your quick response again. I searched for a possible error in my stylesheet, but didn’t found anything.. I took a snapshot of my page http://pastebin.com/2jzSE42C .. the error appears on the left top in the box “Listen”.. It would be very nice if you have a look

      thx a lot!

  4. Seb
    Seb at · Reply

    Love it.

    Would also love to see some sort of feedback to give users an idea of where I am in the grand scheme of things. Eg, a scroll bar with scroller length in proportion to scroller track, or some sort of pagination indicator (screen 2/12).

    Keep up the great work. A presto.

    Seb

  5. Sk
    Sk at · Reply

    Thas´t great i’m gonna prove this. thanks

    1. Joe
      Joe at ·

      Looks great as usual.

      What would be a very nice feature would be a search or “jump-to” function box so one could jump down the list.

      Looks great though Matteo
      Joe

  6. tremerator
    tremerator at · Reply

    Hi,

    Great work but I can’t find any documentation about verticalSlider.
    Im trying to load my content without using ajax.
    Can you tell me how to do this please?

    thank you.

    1. Matteo Bicocchi
      Matteo Bicocchi at ·

      Sorry, DOC is not published yet.

      Yes, you inserted content directly into the verticalslider element on your page (in the demo page the “.slider” DIV). Set the “template” property to an empty string and that’s all.
      Bye,
      Matteo

    2. Shubham Kumar
      Shubham Kumar at ·

      How to its Work i donot understand so please help me.
      Please Contact me=kshubham52@gmail.com

  7. 20 Fresh and Useful jQuery Plugins Worth Checking Out | Enbeeone3

    […] Download Demo […]

  8. 24 Fresh and Useful jQuery Plugins Worth Checking Out | DesignBeep

    […] Download Demo […]

  9. 12 Fresh & Advanced jQuery Techniques
    12 Fresh & Advanced jQuery Techniques at ·

    […] MB.VerticalSlider – jQuery Plugin MB.VerticalSlider by Matteo Bicocchi allows you to show long list of elements managing pagination, […]

  10. jQuery.mb.verticalScroll is out! « Matteo Bicocchi's Blog

    […] HomeAbout memb.jquery.componentsjQuery.mb.verticalSliderjquery mb.extruderjquery mb.menujquery mb.containerPlusjquery mb.galleryjquery mb.maskedGalleryjquery.mb.mediaEmbedderjquery.mb.YTPlayerjquery mb.tabsetjquery mb.tooltipjquery mb.imageNavigatorjquery mb.scrollablejquery mb.flipTextwhere I livewhere I work […]

1 2 3 7

Leave a Reply