3d items quick view – A simple 3D animation for your gallery items, to make it easy for users to discover more about your products without having to leave the page.

2014-10-31 • Plugins • Views: 1257

A simple 3D animation for your gallery items, to make it easy for users to discover more about your products without having to leave the page.

The idea behind this resource is: if I have a gallery of products, I’m gonna pick the best image for each one of them. But what if one image is not enough? The client clicks on the product, he/she goes to the single product page, and, in most cases, they’ll find a slideshow there. However, if they could see more images of the same product before moving to the product page, there’d be more probabilities to drive them to what they really wanna buy. So we created a CSS3 and jQuery powered slider for each item of the gallery, hidden by default and triggered by the :hover selector on no-touch devices and a tap on touch devices.

About IE9: even though the 3D effect and the slider won’t be visible, the gallery will work just fine.

 

 

Website

Demo

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Shares