https://www.discountschoolsupply.com/_ui/responsive/common/js/acc.imagegallery.js?v=S530

1ACC.imagegallery = {
2
3	_autoload: [
4		"bindImageGallery"
5	],
6
7	bindImageGallery: function() {
8
9		$(".js-gallery").each(function() {
10			
11			var $image = $(this).find(".js-gallery-image");
12			var $carousel = $(this).find(".js-gallery-carousel");
13			
14			$image.owlCarousel({
15				singleItem : true,
16				pagination:true,
17				navigation:true,
18				lazyLoad:true,
19				navigationText : [$("<span>").addClass("glyphicon glyphicon-chevron-left"), $("<span>").addClass("glyphicon glyphicon-chevron-right")],
20				afterAction : function(){
21					ACC.imagegallery.syncPosition($image,$carousel,this.currentItem);
22					$image.data("zoomEnable",true);
23				},
24				startDragging: function(){
25					$image.data("zoomEnable",false);
26				},
27				afterLazyLoad:function(e){
28
29					var b = $image.data("owlCarousel") || {};
30					if(!b.currentItem){
31						b.currentItem = 0;
32					}
33	
34					var $e=$($image.find("img.lazyOwl")[b.currentItem]);
35					startZoom($e.parent());
36				}
37			});
38
39
40			$carousel.owlCarousel({
41				navigation:true,
42				navigationText : [$("<span>").addClass("glyphicon glyphicon-chevron-left"), $("<span>").addClass("glyphicon glyphicon-chevron-right")],
43				pagination:false,
44				items:2,
45				itemsDesktop : [5000,7], 
46				itemsDesktopSmall : [1200,5], 
47				itemsTablet: [768,4], 
48				itemsMobile : [480,3], 
49				lazyLoad:true,
50				afterAction : function(){
51
52				}
53			});
54
55
56			$carousel.on("click","a.item",function(e){
57				e.preventDefault();
58				$image.trigger("owl.goTo",$(this).parent(".owl-item").data("owlItem"));
59			});
60
61			function startZoom(e) {
62				$(e).zoom({
63					url: $(e).find("img.lazyOwl").data("zoomImage"),
64					touch: true,
65					on: "grab",
66					touchduration:300,
67
68					onZoomIn:function(){
69					
70					},
71
72					onZoomOut:function(){
73						var owl = $image.data('owlCarousel');
74						owl.dragging(true);
75						$image.data("zoomEnable",true);
76					},
77
78					zoomEnableCallBack:function(){
79						var bool = $image.data("zoomEnable");
80						var owl = $image.data('owlCarousel');
81						
82						if(bool === false) {
83							owl.dragging(true);
84						}
85						else {
86						 	owl.dragging(false);
87						}
88						return bool;
89					}
90				});
91			}
92		});
93	},
94
95
96	syncPosition: function($image,$carousel,currentItem) {
97		$carousel.trigger("owl.goTo",currentItem);
98	}
99};