Open fancybox gallery dynamically with link

Posted: February 13, 2014 in web

PHP code

foreach ($fp as $key => $image) {
                    if ($key == 0) {
                        $str .= '<a class="fancy-gallery" rel="gallery' . $id . '" href="' . pods_image_url($image, 'original') . '">View</a><div style="display: none">';
                    } else {

                        $str .= '<a class="fancy-gallery" rel="gallery' . $id . '" href="' . pods_image_url($image, 'original') . '">View</a>';
                    }
                }

js code


jQuery(document).ready(function() {
    fancyGalleryImage();
});

...
function fancyGalleryImage() {
    jQuery(".fancy-gallery").fancybox({
        openEffect: 'none',
        closeEffect: 'none',
        nextEffect: 'none',
        prevEffect: 'none',
        padding: 0,
        margin: [20, 60, 20, 60] // Increase left/right margin
    });


}
...

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s