1(function($) { 2 "use strict"; 3 4$(document).ready(function() { 5 6 7 $(".owl-demo>.owl-carousel").owlCarousel({ 8 autoPlay : 12000, 9 stopOnHover : true, 10 lazyLoad : true, 11 pagination:true, 12 singleItem : true, 13 }); 14 15 $(".owl-demo2>.owl-carousel").owlCarousel({ 16 autoPlay : 5000, 17 stopOnHover : true, 18 navigation: false, 19 paginationSpeed : 1000, 20 goToFirstSpeed : 2000, 21 singleItem : true, 22 autoHeight : true, 23 transitionStyle:"fade" 24 }); 25 26 $(".owl-demo3>.owl-carousel").owlCarousel({ 27 autoPlay : 5000, 28 stopOnHover : true, 29 navigation: false, 30 paginationSpeed : 1000, 31 goToFirstSpeed : 2000, 32 singleItem : true, 33 autoHeight : true, 34 transitionStyle:"fadeUp" 35 }); 36 37 $(".owl-demo4>.owl-carousel").owlCarousel({ 38 autoPlay : 5000, 39 stopOnHover : true, 40 navigation: false, 41 paginationSpeed : 1000, 42 goToFirstSpeed : 2000, 43 singleItem : true, 44 autoHeight : true, 45 transitionStyle:"goDown" 46 }); 47 48 $(".owl-demo5>.owl-carousel").owlCarousel({ 49 autoPlay : 8000, 50 stopOnHover : true, 51 navigation: false, 52 paginationSpeed : 1000, 53 goToFirstSpeed : 2000, 54 singleItem : true, 55 autoHeight : true, 56 transitionStyle:"goDown" 57 }); 58 59 $(".owl-demo6>.owl-carousel").owlCarousel({ 60 autoPlay : 5000, 61 stopOnHover : true, 62 navigation: false, 63 paginationSpeed : 1000, 64 goToFirstSpeed : 2000, 65 singleItem : true, 66 autoHeight : true, 67 transitionStyle:"fadeUp" 68 }); 69 70 $(".owl-demo7>.owl-carousel").owlCarousel({ 71 items : 4, 72 lazyLoad : true, 73 navigation : true, 74 pagination:false, 75 }); 76 77 $(".owl-demo8>.owl-carousel").owlCarousel({ 78 autoPlay : 5000, 79 stopOnHover : true, 80 singleItem : true, 81 paginationSpeed : 1000, 82 goToFirstSpeed : 2000, 83 transitionStyle:"fade" 84 }); 85 86 $(".owl-demo10>.owl-carousel").owlCarousel({ 87 autoPlay : 8000, 88 stopOnHover : true, 89 navigation: false, 90 paginationSpeed : 1000, 91 goToFirstSpeed : 2000, 92 singleItem : true, 93 autoHeight : true, 94 transitionStyle:"backSlide" 95 }); 96 97 $(".owl-demo11>.owl-carousel").owlCarousel({ 98 autoPlay : 5000, 99 stopOnHover : true, 100 navigation: false, 101 paginationSpeed : 1000, 102 goToFirstSpeed : 2000, 103 singleItem : true, 104 autoHeight : true, 105 transitionStyle:"backSlide" 106 }); 107 108 $(".owl-demo12>.owl-carousel").owlCarousel({ 109 autoPlay : 5000, 110 stopOnHover : true, 111 navigation: false, 112 paginationSpeed : 1000, 113 goToFirstSpeed : 2000, 114 singleItem : true, 115 }); 116 117 $(".owl-demo13>.owl-carousel").owlCarousel({ 118 autoPlay : 18000, 119 stopOnHover : true, 120 navigation: false, 121 paginationSpeed : 1000, 122 goToFirstSpeed : 2000, 123 singleItem : true, 124 }); 125 126 $(".owl-demo14>.owl-carousel").owlCarousel({ 127 autoPlay : 5000, 128 stopOnHover : true, 129 navigation: false, 130 paginationSpeed : 1000, 131 goToFirstSpeed : 2000, 132 singleItem : true, 133 autoHeight : true, 134 transitionStyle:"goDown" 135 }); 136 137 $(".owl-demo15>.owl-carousel").owlCarousel({ 138 autoPlay : 9000, 139 stopOnHover : true, 140 lazyLoad : true, 141 pagination:true, 142 singleItem : true, 143 }); 144 145 $(".owl-demo16>.owl-carousel").owlCarousel({ 146 autoPlay : 12000, 147 stopOnHover : true, 148 lazyLoad : true, 149 pagination:true, 150 singleItem : true, 151 }); 152 153 $(".owl-demo17>.owl-carousel").owlCarousel({ 154 items : 2, 155 autoPlay : 9000, 156 stopOnHover : true, 157 lazyLoad : true, 158 pagination:true, 159 itemsDesktop : [1170,2], 160 itemsDesktopSmall : [1170,2] 161 }); 162 163 $(".owl-demo18>.owl-carousel").owlCarousel({ 164 autoPlay : 9000, 165 stopOnHover : true, 166 navigation: true, 167 paginationSpeed : 1000, 168 goToFirstSpeed : 2000, 169 singleItem : true, 170 autoHeight : true, 171 pagination:false, 172 transitionStyle:"backSlide" 173 }); 174 175 $(".owl-demo20>.owl-carousel").owlCarousel({ 176 autoPlay : 5000, 177 stopOnHover : true, 178 navigation: false, 179 paginationSpeed : 1000, 180 goToFirstSpeed : 2000, 181 singleItem : true, 182 autoHeight : true, 183 }); 184 185 var time = 7; // time in seconds 186 187 var $progressBar, 188 $bar, 189 $elem, 190 isPause, 191 tick, 192 percentTime; 193 194 //Init the carousel 195 $(".owl-demo9>.owl-carousel").owlCarousel({ 196 slideSpeed : 500, 197 paginationSpeed : 500, 198 singleItem : true, 199 afterInit : progressBar, 200 afterMove : moved, 201 startDragging : pauseOnDragging 202 }); 203 204 //Init progressBar where elem is $(".owl-demo") 205 function progressBar(elem){ 206 $elem = elem; 207 //build progress bar elements 208 buildProgressBar(); 209 //start counting 210 start(); 211 } 212 213 //create div#progressBar and div#bar then prepend to $(".owl-demo") 214 function buildProgressBar(){ 215 $progressBar = $("<div>",{ 216 id:"progressBar" 217 }); 218 $bar = $("<div>",{ 219 id:"bar" 220 }); 221 $progressBar.append($bar).prependTo($elem); 222 } 223 224 function start() { 225 //reset timer 226 percentTime = 0; 227 isPause = false;
228 //run interval every 0.01 second 229 tick = setInterval(interval, 10); 230 }; 231 232 function interval() { 233 if(isPause === false){ 234 percentTime += 1 / time; 235 $bar.css({ 236 width: percentTime+"%" 237 }); 238 //if percentTime is equal or greater than 100 239 if(percentTime >= 100){ 240 //slide to next item 241 $elem.trigger('owl.next') 242 } 243 } 244 } 245 246 //pause while dragging 247 function pauseOnDragging(){ 248 isPause = true; 249 } 250 251 //moved callback 252 function moved(){ 253 //clear interval 254 clearTimeout(tick); 255 //start again 256 start(); 257 } 258 259 260 261 var sync1 = $("#sync1 .owl-carousel"); 262 var sync2 = $("#sync2 .owl-carousel"); 263 264 sync1.owlCarousel({ 265 singleItem : true, 266 slideSpeed : 1000, 267 pagination:false, 268 afterAction : syncPosition, 269 responsiveRefreshRate : 200, 270 }); 271 272 sync2.owlCarousel({ 273 items : 5, 274 itemsDesktop : [1170,5], 275 itemsDesktopSmall : [979,5], 276 itemsTablet : [768,3], 277 itemsMobile : [479,3], 278 pagination:false, 279 responsiveRefreshRate : 100, 280 afterInit : function(el){ 281 el.find(".owl-item").addClass("synced"); 282 } 283 }); 284 285 function syncPosition(el){ 286 var current = this.currentItem; 287 $("#sync2") 288 .find(".owl-item") 289 .removeClass("synced") 290 .eq(current) 291 .addClass("synced") 292 if($("#sync2").data("owlCarousel") !== undefined){ 293 center(current) 294 } 295 296 } 297 298 $("#sync2").on("click", ".owl-item", function(e){ 299 e.preventDefault(); 300 var number = $(this).data("owlItem"); 301 sync1.trigger("owl.goTo",number); 302 }); 303 304 function center(number){ 305 var sync2visible = sync2.data("owlCarousel").owl.visibleItems; 306 307 var num = number; 308 var found = false; 309 for(var i in sync2visible){ 310 if(num === sync2visible[i]){ 311 var found = true; 312 } 313 } 314 315 if(found===false){ 316 if(num>sync2visible[sync2visible.length-1]){ 317 sync2.trigger("owl.goTo", num - sync2visible.length+2) 318 }else{ 319 if(num - 1 === -1){ 320 num = 0; 321 } 322 sync2.trigger("owl.goTo", num); 323 } 324 } else if(num === sync2visible[sync2visible.length-1]){ 325 sync2.trigger("owl.goTo", sync2visible[1]) 326 } else if(num === sync2visible[0]){ 327 sync2.trigger("owl.goTo", num-1) 328 } 329 } 330 331 332 var sync3 = $("#sync3"); 333 var sync4 = $("#sync4"); 334 335 sync3.owlCarousel({ 336 singleItem : true, 337 autoPlay : 5000, 338 slideSpeed : 1000, 339 stopOnHover : true, 340 pagination:false, 341 afterAction : syncPosition, 342 responsiveRefreshRate : 200, 343 }); 344 345 sync4.owlCarousel({ 346 itemsDesktop : [1170,5], 347 itemsDesktopSmall : [979,5], 348 itemsTablet : [768,3], 349 itemsMobile : [479,3], 350 pagination:false, 351 autoPlay : 5000, 352 stopOnHover : true, 353 responsiveRefreshRate : 100, 354 afterInit : function(el){ 355 el.find(".owl-item").addClass("synced"); 356 } 357 }); 358 359 function syncPosition(el){ 360 var current = this.currentItem; 361 $("#sync4") 362 .find(".owl-item") 363 .removeClass("synced") 364 .eq(current) 365 .addClass("synced") 366 if($("#sync4").data("owlCarousel") !== undefined){ 367 center(current) 368 } 369 370 } 371 372 $("#sync4").on("click", ".owl-item", function(e){ 373 e.preventDefault(); 374 var number = $(this).data("owlItem"); 375 sync3.trigger("owl.goTo",number); 376 }); 377 378 function center(number){ 379 380 var sync4visible = sync4.data("owlCarousel").owl.visibleItems; 381 382 var num = number; 383 var found = false; 384 for(var i in sync4visible){ 385 if(num === sync4visible[i]){ 386 var found = true; 387 } 388 } 389 390 if(found===false){ 391 if(num>sync4visible[sync4visible.length-1]){ 392 sync4.trigger("owl.goTo", num - sync4visible.length+2) 393 }else{ 394 if(num - 1 === -1){ 395 num = 0; 396 } 397 sync4.trigger("owl.goTo", num); 398 } 399 } else if(num === sync4visible[sync4visible.length-1]){ 400 sync4.trigger("owl.goTo", sync4visible[1]) 401 } else if(num === sync4visible[0]){ 402 sync4.trigger("owl.goTo", num-1) 403 } 404 } 405 406 407 $("#colosebut1").on( 'click', function(){ 408 $("#div1").fadeOut("slow"); 409 }); 410 $("#colosebut2").on( 'click', function(){ 411 $("#div2").fadeOut("slow"); 412 }); 413 $("#colosebut3").on( 'click', function(){ 414 $("#div3").fadeOut("slow"); 415 }); 416 $("#colosebut4").on( 'click', function(){ 417 $("#div4").fadeOut("slow"); 418 }); 419 420 421}); 422 423})(jQuery);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.