- This topic is empty.
-
AuthorPosts
-
December 15, 2012 at 2:56 pm #41364
vin616
MemberHello 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 #117551vin616
MemberThis 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 #117552Paulie_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 #117561vin616
MemberWell 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 #117568Ahrengot
MemberI’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 #117574AttilaEgyed
ParticipantIf 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 #117594TheInfection
ParticipantI 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 #117604vin616
MemberThanks 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.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.