1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
$(document).ready(function() { // В галерее будут все ссылки с классом .product-image-gallery var gallery = $("a.product-image-gallery").colorbox({ rel: "product-image-gallery", opacity: 0.5, width: "60%" }); // галерею открыть по клику на элементе с id=product_default_picture $("#product_default_picture").on("click", function(e){ e.preventDefault(); gallery.eq(0).click(); }); // сделать кликабельной область лайтбокса за пределами маленького изображения $("#colorbox").on("click", "#cboxLoadedContent", function(e){ $.fn.colorbox.next(); }); }); |