lundi 25 novembre 2013

[jQuery] jimgPreview : Advanded image preview jQuery plugin

When I needed to display simple image previews when hovering links to images, I found the jQuery imgPreview here : http://james.padolsey.com/demos/imgPreview/full/ .

The problem with this plugin is when the link is located in the page bottom, a main part of the image preview (or all of it) is not diplayed at the screen. Because the image preview isalways displayed under the link position.

To resolve this problem, I made an other simple jQuery plugin that adapt the preview position according to the link position relatively to page bottom.

You can download it from my github : https://github.com/jbricha/jimgPreview

Try a demonstration

You are not forced to use href attribute, you can use any attribute you want, and init jimgPreview like that :
  $(document).ready(function() {
   $('a.jimg').jimgPreview({
     srcAttr: 'preview_href'
   } );
  });

Aucun commentaire :

Enregistrer un commentaire