Skip to content

3 panel slider #72

Closed
Closed

Description

@caseybecking

I'm looking to use anything slider to make a 3 panel slider. Any idea if that is something that could be easily achieved? Something like this http://www.quiksilver.com/category/index.jsp?categoryId=11301995

Activity

  1. Mottie commented on Mar 30, 2011

    @Mottie
    Contributor

    I haven't had a chance to really look into this, but have you thought about trying Moving Boxes?

  2. caseybecking commented on Apr 1, 2011

    @caseybecking
    Author

    Yeah, I'm using jcarousel right now and was looking to use one slider for everything.

  3. Mottie commented on Apr 1, 2011

    @Mottie
    Contributor

    Hi Casey!

    After looking into it, it'll take too much extra coding to accomplish this and I feel that the code is already bloated enough. Sorry.

  4. caseybecking commented on Apr 1, 2011

    @caseybecking
    Author

    No problem, thank you for all your help.

  5. poebel commented on May 19, 2011

    @poebel

    Hi,

    needed this funcionality for myself.

    Replacing line 194 with this:

                    // Add support for multiple sliders shown at the same time
                    if(base.options.showMultiple) {
                        base.$el.append( base.$items.first().clone().addClass('cloned').removeAttr('id') );
                        base.$el.append( base.$items.next().clone().addClass('cloned').addClass('multiple').removeAttr('id') );
                    }
                    // Only one slider at the same time
                    else {
                        base.$el.append( base.$items.filter(':first').clone().addClass('cloned').removeAttr('id') );
                    }
    

    and adding a new config option:

            showMultiple        : false,     // Show multiple slides at the same time
    

    did the trick for me

  6. Mottie commented on May 20, 2011

    @Mottie
    Contributor

    Hi Poebel!

    I'm not sure what functionality you were trying to get, but the code above simply adds cloned panels for the infinite slide effect and has nothing to do with the number of slides that appear inside the window.

  7. poebel commented on May 23, 2011

    @poebel

    Hi Mottie,

    yes, but the rest will be only some css editing
    example: http://poebel.net/sliderDemo/

    important part is:

                .anythingSlider {
                    height: 300px;
                    overflow: hidden;
                    width: 940px !important;
                }
    
  8. Mottie commented on May 23, 2011

    @Mottie
    Contributor

    Hi Poebel!

    Hey that's really cool and clever! But man that's a lot of cloned slides. I'll look into adding this with flexible options, thanks.

  9. mablae commented on May 23, 2011

    @mablae

    That's a great thing! Please add this multiple function:
    http://poebel.net/sliderDemo/

  10. Mottie commented on May 24, 2011

    @Mottie
    Contributor

    Ok added in version 1.5.14! Thanks again!

  11. mablae commented on May 24, 2011

    @mablae

    Great!

    2011/5/24 Mottie <
    reply@reply.github.com>

    Ok added in version 1.5.14! Thanks again!

    Reply to this email directly or view it on GitHub:
    https://github.com/ProLoser/AnythingSlider/issues/72#comment_1225255

  12. poebel commented on May 25, 2011

    @poebel

    Mottie:

    But man that's a lot of cloned slides.

    Yep I know, that was just a quick fix. I have a maximum of 8 Slides in my project so the overhead is not that big.

    And thanks for adding and improving the function.
    Now its the best slider afaik :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions