This Crystal slider demo has depth, style and texture - making it perfect for sophisticated websites with elegant themes. The slider uses a semi-transparent black frame that gives the images within a subtle weight. There is a shadow effect around the jQuery slider, which helps lift it off the page and attract attention. The combination of the dark frame and shadow gives the slider as a whole a subtle elegance, it draws attention without bright colors or hard edges.
You can navigate through the slider in two ways. There are arrows either side of the frame, which take you to either the previous or next slide. The arrows themselves are simple, in a white semi-circle, but again we can see some subtle shading to create an illusion of depth and weight.
The slider is responsive, and interestingly, on smaller screens, the next/previous arrows disappear, creating more room for the images and allowing them to have maximum impact.
You can navigate through the slideshow in two ways. There are arrows either side of the frame, which take you to either the previous or next slide. The arrows themselves are simple, in a white semi-circle, but again we can see some subtle shading to create an illusion of depth and weight.
The second way you can navigate is via the use of dots below the slider. These dots show both how many slides there are in total, which slide you are currently on and allows you to jump to any slide. The dots are a non-intrusive way of signaling what is happening.
There is a caption in the lower left corner of each slide. The caption is also semi-transparent. There is a dark background that matches the frame. The text is white, but because it's semi-transparent it allows the colors of the image below to show through. The result is that every caption works seamlessly with the images on the slides.
The captions use Tahoma, a humanist san-serif font which is noted for it's legibility.
The slider jQuery template comes with a number of change effects (the effect by which one slide is replaced by the next). There is a basic linear slide, where one images slides in from the side and replaces the current image. There are also more interesting effects: bubbles, for example, creates a pattern of circles using colors from the images it replaces - great for a 'fun' transition. Collage creates a 'swooshing' effect, with images rotating into place and kenburns has images constantly in motion, slowly moving, zooming in and fading into the next image. Both of these create a feeling of excitement and interest.
There are thirty transition effects in total, meaning that you are a bound to find something that works with your website.
This slider as a whole embodies elegance and sophistication, making it perfect for fashion websites, interior designers, artists and anyone who works in an industry where design is important.
See also "How to create jQuery Slider?" tutorial and WOW Slider jQuery Plugin Registry.