Popover Product Showcase jQuery Plugin (Images and Media)

Popover Product Showcase is a jQuery plugin you can use to display you product, works etc. It can be embed in the page or trigger via popover. The plugin is lightweight, the compressed file is only 2kb. It’s mobile friendly, support wipe left/right on a touch device.

Available settings of the plugins:

$(document).ready(function() { 
    var panel1 = $('#banner').productShowcase({  
        containerClass: 'example1', 
        initShow: false,     
        initZoomEffect: true,           
        showCloseButton: true,              
        closeButtonClass: 'closeButtonLeft',
        showArrow: true,    
        arrowAutoHiden: true
    });  
});

How to trigger the popover panel?

<a href="" id="example1">Click to open Popover</a>

$('#example1').bind('click', function(e){  
    // panel1 is the productShowcase we initialized before
    panel1.popover();                                
    return false;
});

Features:

CSS3 driven animation.
Works smooth in browser doesn’t support CSS3 transition via Modernizr.
It’s lightweight. The compressed javascript is only 2kb.
Touch device support. You can wipe left/right to navigation on touch device.
Optional arrow and close button.

Recommendations For You

jQuery OneByOne Slider Plugin:

XML Image/Video Grid Gallery:

Download Popover Product Showcase jQuery Plugin (Images and Media)

Leave a Reply