- This topic is empty.
December 15, 2012 at 2:56 pm #41364
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
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.
This is the one I found and liked but if I fix the height using css then my images become skewed.
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 #117552Paulie_DMember
>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
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 #117568AhrengotMember
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 #117574AttilaEgyedParticipant
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 #117594TheInfectionParticipant
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
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.
- The forum ‘CSS’ is closed to new topics and replies.