Grow your CSS skills. Land your dream job.

Simple div slider plug-in with right and left arrow.

  • # June 23, 2013 at 7:51 pm

    I’ve been looking for the right jquery div slider to use on my website and nothing seems to satisfy me. All i want is a simple div slider with two buttons on the left and right. No special transitions, only slide left and right. Has anyone heard of a simple to install plug-in like the one im describing?

    # June 23, 2013 at 8:11 pm

    You don’t need a plugin for that. This is something I made way back, you just need a left button and remove the looping part (and hide left/right button when needed).

    http://codepen.io/CrocoDillon/pen/lozFt

    # June 23, 2013 at 8:18 pm

    Dude that was really wicked! how long have you been coding for?

    # June 24, 2013 at 12:58 am

    you can try flex slider,
    http://flexslider.woothemes.com/

    if you are using WordPress its http://wordpress.org/plugins/ml-slider/

    # June 24, 2013 at 5:17 am

    I started coding when I started studying computer science in 2007, mostly Java and C# though. Web related stuff is something from the last 1 ~ 2 years.

    # June 24, 2013 at 12:29 pm

    @CrocoDillon Just what i need. Thanks dude. Although can this be used for responsive websites?

    # June 24, 2013 at 5:09 pm

    @CrocoDillon I’m trying to apply the slider to these divs on the first panel. Yours doesnt work because i have to make the container 3000px long but i need each slider to be 100% wide according to the content wrapper. And that wouldn’t work with responsiveness. Any other alternatives? i made the slider shorter so each slide is visible. http://reallycoolstuff.net/PROJECTS/official/

    # June 24, 2013 at 5:39 pm

    Uhmm yeah thinking about responsive, you can’t really use animations on pixels. I’d animate on percentages… I thought I had a Pen about that but apparently not. If you make a Pen with the markup and css how you want it (the 3000px thing and the 100% width thing, not getting it), I’ll fork it and see what I can do :)

    # June 24, 2013 at 6:02 pm

    Hi Jarolin,

    I would suggest Cycle2. It’s light, works well, has many options, and it’s responsive.

    This demo would be what you are looking for.

    Hope that helps,
    -Elijah

    # June 24, 2013 at 6:10 pm

    @jarolin Have you ever used Adobe Edge before? You can pull off some pretty nice sliders there, however sometimes it can be a little code heavy but for simple things it can come in handy.

    # June 24, 2013 at 6:49 pm

    http://dev7studios.com/lean-slider/

    # June 24, 2013 at 9:36 pm

    I’ve always used http://www.slidesjs.com/ found it to work well and it’s light weight and easy to implement. Not got a load of CSS to wade through either. It’s now responsive and supports gestures and its free.

    # June 25, 2013 at 11:50 am

    @Ricky55 I decided to use that one and its working great. Although when i resize the browser window the slider changes height. I only want it to change width but not height. Any idea how i can do that?http://reallycoolstuff.net/PROJECTS/official/

    # June 25, 2013 at 12:26 pm

    most simple I ever saw https://github.com/jcobb/basic-jquery-slider

    # June 25, 2013 at 1:38 pm

    @Kuzyo Thanks but i found a slider thats working really well for me. If i cant fix the issue i mentioned above then i might use that one.

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

You must be logged in to reply to this topic.

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