Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Image Slider suggestions

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 15, 2012 at 2:56 pm #41364
    vin616
    Member

    Hello everyone, I am college student in need of some help on one of my projects. I’m looking for a good image slider (for my index page) that meets these requirements…

    100% page width
    fixed height
    some form of navigation on the bottom
    *also my images are about 900px in width. I’d like those to scale to full width with the browser/slider width.

    I’m good with html and css but haven’t learned javascript yet. Any suggestions, plugins, or ideas would be great. Thanks.

    December 15, 2012 at 3:29 pm #117551
    vin616
    Member

    This is the one I found and liked but if I fix the height using css then my images become skewed.

    http://www.woothemes.com/flexslider/

    If there is a way to modify this to solve that issue or if there is just a better solution please let me know. Thanks again.

    December 15, 2012 at 3:30 pm #117552
    Paulie_D
    Member

    >100% page width fixed height some form of navigation on the bottom *also my images are about 900px in width. I’d like those to scale to full width with the browser/slider width.

    You’d have to be careful with something like that as a 900px image scaled up for wide monitors (say 1920px) probably wouldn’t look to good…

    …unless it’s very high quality and then you are going to have page loading issues.

    December 15, 2012 at 3:50 pm #117561
    vin616
    Member

    Well I would like something like http://www.nike.com/us/en_us/ (only a slideshow)

    I could set a width on it but it really wouldn’t give me the look I’m going for. You’re right though. I don’t want to ruin the quality of the images.

    December 15, 2012 at 4:44 pm #117568
    Ahrengot
    Member

    I’m a big fan of [Royal Slider](http://codecanyon.net/item/royalslider-touchenabled-jquery-image-gallery/461126). It’s responsive, supports touch events and is very easy to use and customise IMO.

    December 15, 2012 at 5:03 pm #117574
    AttilaEgyed
    Participant

    If you’ll have tablet & mobile users I suggest you not to use jquery for image slider.

    my suggestion: http://csscience.com/responsiveslidercss3/

    December 15, 2012 at 11:33 pm #117594
    TheInfection
    Participant

    I personally like [Foundation’s Orbit](http://foundation.zurb.com/docs/orbit.php “Foundation’s Orbit”). Really simple to install and use and it’s pretty flexible!

    December 16, 2012 at 7:04 am #117604
    vin616
    Member

    Thanks everyone. Some really nice solutions there.

    I’m going to use the Foundation’s Orbit and adjust it to my needs. This is working great. Thanks again.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.