Sunday, 12 May 2013

Image Sliders

Today I am looking at image sliders.

Some use Javascript, others use CSS only.

The CSS only image sliders, initially appear to be the easiest to use and I have looked into this a little more.

The major problem, that I have found with the CSS code for the slider, is that the back-button on the browser does not instantly go back to the previous page, but instead goes back to the previous image of the image slide. This is not a good thing, especially if you have viewed many images, and the the back button then appears not to work.

A few solutions to this, is to "navigate" away from this page using a navigation system, rather than the back button.

Some Image Sliders - CSS Only


http://tympanus.net/Tutorials/CSS3Lightbox/index.html

http://tympanus.net/Tutorials/CSS3FullscreenSlideshow/index4.html - A CSS-only slideshow for background images

http://tympanus.net/Tutorials/CircleNavigationEffect/ - Nice. I can see myself using this one.


Some Image Sliders - JScript etc

http://tympanus.net/Tutorials/ItemBlur/  - uses CSS and JQuery. I like this for a navigation system.

No comments:

Post a Comment