1// JavaScript Document 2 3/* ========================================================================== 4 NOTE: 5 This file is being used to activate and/or set options for all jQuery plugins 6 for this template. Please don't modify this file unless necessary. This will 7 make it easy for you to upgrade your website with new template files easily 8 when new version of this template will be available. Use main.js for your 9 custom JavaScript/jQuery codeing instead. 10 11 -------------------------------------------------------------------------- 12 TABLE OF CONTENT 13 -------------------------------------------------------------------------- 14 1. preloader animation 15 2. tooltip settings 16 3. Horizontal Tab 17 4. Vertical Tab 18 5. iCheck settings 19 6. custom select list 20 7. spinedit (spinner form element) 21 8. wow.js animations on scroll 22 9. menu dropdown effect 23 10. custom navigation 24 11. custom scrollbar 25 12. offcanvas menu 26 14. Initializing portfolio slider 27 15. Initializing creative slider 28 16. Initializing corporate slider 29 17. Initializing construction slider 30 18. Nivo Lightbox 31 19. full screen header 32 20. Initializing blog slider 33 21. animated progress-bar 34 22. PiE Charts 35 23. play button 36 24. responsive video 37 25. section background using 'data-path' 38 26. a. portfolio 4cols (juicy projects) 39 b. portfolio 3cols (juicy projects) 40 c. portfolio 2cols (juicy projects) 41 d. portfolio infinite-scroll (juicy projects) 42 e. portfolio 4cols (lightbox gallery) 43 f. portfolio 3cols (lightbox gallery) 44 g. portfolio 2cols (lightbox gallery) 45 h. portfolio infinite-scroll (lightbox gallery) 46 i. portfolio 4cols (minimal) 47 j. portfolio 3cols (minimal) 48 k. portfolio 2cols (minimal) 49 l. portfolio infinite-scroll (minimal) 50 m. portfolio 4cols (creative) 51 n. portfolio 3cols (creative) 52 o. portfolio 2cols (creative) 53 p. portfolio infinite-scroll (creative) 54 q. portfolio 4cols (masonry) 55 r. portfolio 3cols (masonry) 56 s. portfolio 2cols (masonry) 57 t. portfolio infinite-scroll (masonry) 58 u. portfolio 4cols (masonry-alt) 59 v. portfolio 3cols (masonry-alt) 60 w. portfolio 2cols (masonry-alt) 61 x. portfolio infinite-scroll (masonry-alt) 62 y. portfolio 4cols (awesome-work) 63 z. portfolio 3cols (awesome-work) 64 aa. portfolio 2cols (awesome-work) 65 ab. portfolio infinite-scroll (awesome-work) 66 ac. portfolio 4cols (agency) 67 ad. portfolio 3cols (agency) 68 ae. portfolio 2cols (agency) 69 af. portfolio infinite-scroll (agency) 70 27. carousel (juicy projects) 71 28. bouncing arrow (page-header) 72 29. featured posts slider (blog1) 73 30. featured projects carousel (blog aside widget) 74 31. flickr feed 75 32. Click effects 76 33. twitter feed 77 34.a. blog masonry 4col 78 b. blog masonry 3col 79 c. blog masonry 2col 80 d. blog masonry infinite scroll 81 35. similar posts carousel 82 36.a. shop 4cols 83 b. shop 3cols 84 c. shop 2cols 85 d. shop infinite scroll 86 37. shop related products 87 38. product gallery 88 39. image gallery1 89 40. image gallery2 90 41. cubeportfolio fallback 91 42. thumbs carousel (images slideshow) 92 43. offer carousel (shop-style1 header small thumbnail carousel) 93 44. clients carousel (with logos) 94 45. services carousel (featured services) 95 46. shop2 slider 96 47. testimonials style1 97 48. fun facts (counter) 98 49. single page navigation settings 99 50. campaign monitor subscription 100 51. mailchimp settings 101 52. faq sortable 102 53. team members (carousel) 103 54. simple tabs 104 55. juicy projects mosaic 105 56. mosaic fullwidth projects 106 57. Initializing shop one slider 107 58. countdown timer 108 ========================================================================== */ 109 110// window dot load START 111$(window).load(function() { 112 "use strict"; 113 114 // 1. preloader animation 115 $('.spinner-wrap').fadeOut(); 116 $('.preloader').delay(500).fadeOut('slow'); 117 118 // 2. tooltip settings 119 //for complete documentation ( http://getbootstrap.com/javascript/#tooltips ) 120 $('[data-toggle="tooltip"]').tooltip(); 121 122 // 3. Horizontal Tab 123 // for complete documentation ( https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion ) 124 $('#horizontalTab1, #horizontalTab2').easyResponsiveTabs({ 125 type: 'default', //Types: default, vertical, accordion 126 width: 'auto', //auto or any width like 600px 127 fit: true, // 100% fit in a container 128 tabidentify: 'hor_1', // The tab groups identifier 129 activate: function(event) { // Callback function if tab is switched 130 var $tab = $(this); 131 var $info = $('#nested-tabInfo');
132 var $name = $('span', $info); 133 $name.text($tab.text()); 134 $info.show(); 135 } 136 }); 137 138 // 4. Vertical Tab 139 // for complete documentation ( https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion ) 140 $('#verticalTab').easyResponsiveTabs({ 141 type: 'vertical', //Types: default, vertical, accordion 142 width: 'auto', //auto or any width like 600px 143 fit: true, // 100% fit in a container 144 closed: 'accordion', // Start closed if in accordion view 145 tabidentify: 'hor_1', // The tab groups identifier 146 activate: function(event) { // Callback function if tab is switched 147 var $tab = $(this); 148 var $info = $('#nested-tabInfo2'); 149 var $name = $('span', $info); 150 $name.text($tab.text()); 151 $info.show(); 152 } 153 }); 154 155 // 5. iCheck settings (to style the checkboxes and redio buttons) 156 // for complete documentation ( https://github.com/fronteed/iCheck/ ) 157 $('input').iCheck({ 158 checkboxClass: 'icheckbox_square', 159 radioClass: 'iradio_square', 160 increaseArea: '20%' // optional 161 }); 162 163 // 6. custom select list 164 // for complete documentation ( https://github.com/Brankub/selectik ) 165 $('.select').selectik({ 166 minScrollHeight: 20 167 }); 168 169 // 7. spinedit (spinner form element) 170 // for complete documentation ( https://github.com/geersch/bootstrap-spinedit ) 171 $('.spin').spinedit({ 172 minimum: -10000, 173 maximum: 10000, 174 step: 1, 175 value: 1, 176 numberOfDecimals: 0 177 }); 178 179 // 8. wow.js animations on scroll 180 // for complete documentation ( http://mynameismatthieu.com/WOW/docs.html ) 181 new WOW().init({ 182 boxClass: 'wow', 183 animateClass: 'animated', 184 offset: 90, 185 mobile: false, 186 live: true 187 }); 188 189 // 9. menu dropdown effect 190 $('.dropdown-toggle').dropdownHover().dropdown(); 191 $(document).on('click', '.mega-menu .dropdown-menu', function(e) { 192 e.stopPropagation() 193 }) 194 195 // 10. custom navigation 196 // to collapse the navbar on scroll 197 $(function(){ 198 if ($(".navbar").offset().top > 50) { 199 $(".navbar-fixed-top").addClass("top-nav-collapse"); 200 $('.transparent-nav .navbar-brand img').attr('src','img/logos/juris.png'); 201 } else { 202 $(".navbar-fixed-top").removeClass("top-nav-collapse"); 203 $('.transparent-nav .navbar-brand img').attr('src','img/logos/juris.png'); 204 } 205 }); 206 $(window).scroll(function() { 207 if ($(".navbar").offset().top > 50) { 208 $(".navbar-fixed-top").addClass("top-nav-collapse"); 209 $('.transparent-nav .navbar-brand img').attr('src','img/logos/juris.png'); 210 } else { 211 $(".navbar-fixed-top").removeClass("top-nav-collapse"); 212 $('.transparent-nav .navbar-brand img').attr('src','img/logos/juris.png'); 213 } 214 }); 215 216 // 11. custom scrollbar 217 $(".search-cart .dropdown.cart .dropdown-menu .cart-wrap, .nav-items, .icon-box.style4").mCustomScrollbar({ 218 scrollButtons:{enable:false}, 219 theme:"minimal" 220 }); 221 222 // 12. offcanvas menu 223 $('.vertical-nav .nav-items .dropdown > a').on('click', function(){ 224 $(this).parent().toggleClass('open'); 225 $(this).next().slideToggle(); 226 }); 227 $('[data-toggle="offcanvas"]').on('click', function () { 228 $('.content.offcanvas, .vertical-nav, .cloud-container').toggleClass('active'); 229 }); 230 231 // 14. Initializing portfolio slider 232 $('#portfolioSlider').cloudSlider({ 233 width: 1200, 234 height: 700, 235 fullSize: true, 236 onHoverPause: false, 237 video: { 238 autoPlay: false 239 } 240 }); 241 242 // 15. Initializing creative slider 243 $('#creativeSlider').cloudSlider({ 244 width: 1200, 245 height: 700, 246 fullSize: true, 247 onHoverPause: false, 248 video: { 249 autoPlay: true 250 } 251 }); 252 253 // 15. Initializing agency slider 254 $('#agencySlider').cloudSlider({ 255 width: 1200, 256 height: 700, 257 fullSize: false, 258 fullWidth: true, 259 onHoverPause: false, 260 video: { 261 autoPlay: true 262 } 263 }); 264 265 // 16. Initializing corporate slider 266 $('#corporateSlider').cloudSlider({ 267 width: 1200, 268 height: 630, 269 fullWidth: true, 270 onHoverPause: false, 271 video: { 272 autoPlay: true 273 } 274 }); 275 276 // 17. Initializing construction slider 277 $('#constructionSlider').cloudSlider({ 278 width: 1200, 279 height: 630, 280 fullWidth: true, 281 onHoverPause: false, 282 video: { 283 autoPlay: true 284 } 285 }); 286 287 // 18. Nivo Lightbox 288 $('.nivo-lightbox').nivoLightbox({ 289 effect: 'slideUp', // The effect to use when showing the lightbox 290 theme: 'default', // The lightbox theme to use 291 keyboardNav: true, // Enable/Disable keyboard navigation (left/right/escape) 292 clickOverlayToClose: true, // If false clicking the "close" button will be the only way to close the lightbox 293 onInit: function(){}, // Callback when lightbox has loaded 294 beforeShowLightbox: function(){}, // Callback before the lightbox is shown 295 afterShowLightbox: function(lightbox){}, // Callback after the lightbox is shown 296 beforeHideLightbox: function(){}, // Callback before the lightbox is hidden 297 afterHideLightbox: function(){}, // Callback after the lightbox is hidden 298 onPrev: function(element){}, // Callback when the lightbox gallery goes to previous item 299 onNext: function(element){}, // Callback when the lightbox gallery goes to next item 300 errorMessage: 'The requested content cannot be loaded. Please try again later.' // Error message when content can't be loaded 301 }); 302 303 // 19. full screen header 304 function fullScreenHeader() { 305 var screenHeight = $(window).height(); 306 $(".full-screen").css('min-height',screenHeight); 307 } 308 $(document).ready(function() { 309 fullScreenHeader(); 310 $(window).bind('resize', fullScreenHeader); 311 }); 312 313 // 20. Initializing blog slider 314 $('#blogSlider').cloudSlider({ 315 width: 1200, 316 height: 500, 317 fullSize: false, 318 fullWidth: true, 319 onHoverPause: false, 320 video: { 321 autoPlay: true 322 } 323 }); 324 325 // 21. animated progress-bar 326 $('.progress-bar').appear(function(){ 327 var pBar = $(this); 328 pBar.each(function(indx){ 329 $(this).css("width", $(this).attr("aria-valuenow") + "%"); 330 }); 331 }); 332 333 // 22. PiE Charts 334 // docs: http://rendro.github.io/easy-pie-chart/ 335 $('.chart').appear(function(){ 336 $(this).easyPieChart({ 337 barColor: '#333',
338 trackColor: 'rgba(230, 230, 230, 0.4)', 339 scaleColor: false, 340 lineCap: 'round', 341 easing: 'easeOutBounce', 342 rotate: -90, 343 lineWidth: 6, 344 size: 110, 345 animate: 2000, 346 onStep: function(from, to, percent) { 347 $(this.el).find('.percent').text(Math.round(percent)); 348 } 349 }); 350 }); 351 352 // 23. play button 353 $('.play-btn, .hover-effect').hover( 354 function(){$(this).addClass('cbutton--click');}, 355 function(){$(this).removeClass('cbutton--click');} 356 ); 357 358 // 24. responsive video 359 $(".responsive-video").fitVids(); 360 361 // 25. section background using 'data-path' 362 $( ".thumbnail.style2 .img-box, .page-title, .featured-post, .section, .section-bg, .login-page" ).each(function() { 363 var attr = $(this).attr('data-path'); 364 if (typeof attr !== typeof undefined && attr !== false) { 365 $(this).css('background', 'url('+attr+')'); 366 } 367 }); 368 369 // 26. portfolio section 370 // 26.a. portfolio 4cols (juicy projects) 371 $('.juicy-projects-4col').cubeportfolio({ 372 filters: '#filters-container', 373 loadMore: '#loadMore-container', 374 loadMoreAction: 'click', 375 layoutMode: 'grid', 376 defaultFilter: '*', 377 animationType: 'flipOutDelay', 378 gapHorizontal: 30, 379 gapVertical: 30, 380 gridAdjustment: 'responsive', 381 mediaQueries: [{ 382 width: 1600, 383 cols: 5 384 }, { 385 width: 1000, 386 cols: 4 387 }, { 388 width: 800, 389 cols: 3 390 }, { 391 width: 500, 392 cols: 2 393 }, { 394 width: 320, 395 cols: 1 396 }], 397 caption: 'overlayBottomReveal', 398 displayType: 'sequentially', 399 displayTypeSpeed: 80, 400 // lightbox 401 lightboxDelegate: '.cbp-lightbox', 402 lightboxGallery: true, 403 lightboxTitleSrc: 'data-title', 404 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 405 // singlePage popup 406 singlePageDelegate: '.cbp-singlePage', 407 singlePageDeeplinking: true, 408 singlePageStickyNavigation: true, 409 singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>', 410 singlePageCallback: function(url, element) { 411 // to update singlePage content use the following method: this.updateSinglePage(yourContent) 412 var t = this; 413 414 $.ajax({
415 url: url, 416 type: 'GET', 417 dataType: 'html', 418 timeout: 10000 419 }) 420 .done(function(result) { 421 t.updateSinglePage(result); 422 }) 423 .fail(function() { 424 t.updateSinglePage('AJAX Error! Please refresh the page!'); 425 }); 426 } 427 }); 428 // 26.b. portfolio 3cols (juicy projects) 429 $('.juicy-projects-3col').cubeportfolio({ 430 filters: '#filters-container', 431 loadMore: '#loadMore-container', 432 loadMoreAction: 'click', 433 layoutMode: 'grid', 434 defaultFilter: '*', 435 animationType: 'bounceTop', 436 gapHorizontal: 30, 437 gapVertical: 30, 438 gridAdjustment: 'responsive', 439 mediaQueries: [{ 440 width: 1600, 441 cols: 4 442 }, { 443 width: 1000, 444 cols: 3 445 }, { 446 width: 800, 447 cols: 3 448 }, { 449 width: 500, 450 cols: 2 451 }, { 452 width: 320, 453 cols: 1 454 }], 455 caption: 'overlayBottomReveal', 456 displayType: 'sequentially', 457 displayTypeSpeed: 80, 458 // lightbox 459 lightboxDelegate: '.cbp-lightbox', 460 lightboxGallery: true, 461 lightboxTitleSrc: 'data-title', 462 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 463 // singlePage popup 464 singlePageDelegate: '.cbp-singlePage', 465 singlePageDeeplinking: true, 466 singlePageStickyNavigation: true, 467 singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>', 468 singlePageCallback: function(url, element) { 469 // to update singlePage content use the following method: this.updateSinglePage(yourContent) 470 var t = this; 471 472 $.ajax({
473 url: url, 474 type: 'GET', 475 dataType: 'html', 476 timeout: 10000 477 }) 478 .done(function(result) { 479 t.updateSinglePage(result); 480 }) 481 .fail(function() { 482 t.updateSinglePage('AJAX Error! Please refresh the page!'); 483 }); 484 } 485 }); 486 // 26.c. portfolio 2cols (juicy projects) 487 $('.juicy-projects-2col').cubeportfolio({ 488 filters: '#filters-container', 489 loadMore: '#loadMore-container', 490 loadMoreAction: 'click', 491 layoutMode: 'grid', 492 defaultFilter: '*', 493 animationType: 'quicksand', 494 gapHorizontal: 30, 495 gapVertical: 30, 496 gridAdjustment: 'responsive', 497 mediaQueries: [{ 498 width: 1600, 499 cols: 3 500 }, { 501 width: 1000, 502 cols: 2 503 }, { 504 width: 800, 505 cols: 2 506 }, { 507 width: 500, 508 cols: 2 509 }, { 510 width: 320, 511 cols: 1 512 }], 513 caption: 'overlayBottomReveal', 514 displayType: 'sequentially', 515 displayTypeSpeed: 80, 516 // lightbox 517 lightboxDelegate: '.cbp-lightbox', 518 lightboxGallery: true, 519 lightboxTitleSrc: 'data-title', 520 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 521 // singlePage popup 522 singlePageDelegate: '.cbp-singlePage', 523 singlePageDeeplinking: true, 524 singlePageStickyNavigation: true, 525 singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>', 526 singlePageCallback: function(url, element) { 527 // to update singlePage content use the following method: this.updateSinglePage(yourContent) 528 var t = this; 529 530 $.ajax({
531 url: url, 532 type: 'GET', 533 dataType: 'html', 534 timeout: 10000 535 }) 536 .done(function(result) { 537 t.updateSinglePage(result); 538 }) 539 .fail(function() { 540 t.updateSinglePage('AJAX Error! Please refresh the page!'); 541 }); 542 } 543 }); 544 // 26.d. portfolio infinite-scroll (juicy projects) 545 $('.juicy-infinite').cubeportfolio({ 546 filters: '#filters-container', 547 loadMore: '#loadMore-container', 548 loadMoreAction: 'auto', 549 layoutMode: 'grid', 550 defaultFilter: '*', 551 animationType: 'quicksand', 552 gapHorizontal: 30, 553 gapVertical: 30, 554 gridAdjustment: 'responsive', 555 mediaQueries: [{ 556 width: 1600, 557 cols: 5 558 }, { 559 width: 1000, 560 cols: 4 561 }, { 562 width: 800, 563 cols: 3 564 }, { 565 width: 500, 566 cols: 2 567 }, { 568 width: 320, 569 cols: 1 570 }], 571 caption: 'overlayBottomReveal', 572 displayType: 'sequentially', 573 displayTypeSpeed: 80, 574 // lightbox 575 lightboxDelegate: '.cbp-lightbox', 576 lightboxGallery: true, 577 lightboxTitleSrc: 'data-title', 578 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 579 // singlePage popup 580 singlePageDelegate: '.cbp-singlePage', 581 singlePageDeeplinking: true, 582 singlePageStickyNavigation: true, 583 singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>', 584 singlePageCallback: function(url, element) { 585 // to update singlePage content use the following method: this.updateSinglePage(yourContent) 586 var t = this; 587 588 $.ajax({
589 url: url, 590 type: 'GET', 591 dataType: 'html', 592 timeout: 10000 593 }) 594 .done(function(result) { 595 t.updateSinglePage(result); 596 }) 597 .fail(function() { 598 t.updateSinglePage('AJAX Error! Please refresh the page!'); 599 }); 600 } 601 }); 602 // 26.e. portfolio 4cols (lightbox-gallery) 603 $('.lightbox-gallery-4col').cubeportfolio({ 604 filters: '#filters-container', 605 loadMore: '#loadMore-container', 606 loadMoreAction: 'click', 607 layoutMode: 'grid', 608 mediaQueries: [{ 609 width: 1600, 610 cols: 5 611 }, { 612 width: 1000, 613 cols: 4 614 }, { 615 width: 800, 616 cols: 3 617 }, { 618 width: 500, 619 cols: 2 620 }, { 621 width: 320, 622 cols: 1 623 }], 624 defaultFilter: '*', 625 animationType: 'slideDelay', 626 gapHorizontal: 30, 627 gapVertical: 30, 628 gridAdjustment: 'responsive', 629 caption: 'overlayBottomPush', 630 displayType: 'sequentially', 631 displayTypeSpeed: 100, 632 // lightbox 633 lightboxDelegate: '.cbp-lightbox', 634 lightboxGallery: true, 635 lightboxTitleSrc: 'data-title', 636 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 637 // singlePageInline 638 singlePageInlineDelegate: '.cbp-singlePageInline', 639 singlePageInlinePosition: 'below', 640 singlePageInlineInFocus: true, 641 singlePageInlineCallback: function(url, element) { 642 // to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent) 643 var t = this; 644 $.ajax({
645 url: url, 646 type: 'GET', 647 dataType: 'html', 648 timeout: 10000 649 }) 650 .done(function(result) { 651 t.updateSinglePageInline(result); 652 }) 653 .fail(function() { 654 t.updateSinglePageInline('AJAX Error! Please refresh the page!'); 655 }); 656 } 657 }); 658 // 26.f. portfolio 3cols (lightbox-gallery) 659 $('.lightbox-gallery-3col').cubeportfolio({ 660 filters: '#filters-container', 661 loadMore: '#loadMore-container', 662 loadMoreAction: 'click', 663 layoutMode: 'grid', 664 mediaQueries: [{ 665 width: 1600, 666 cols: 4 667 }, { 668 width: 1000, 669 cols: 3 670 }, { 671 width: 800, 672 cols: 2 673 }, { 674 width: 500, 675 cols: 2 676 }, { 677 width: 320, 678 cols: 1 679 }], 680 defaultFilter: '*', 681 animationType: 'fadeOut', 682 gapHorizontal: 30, 683 gapVertical: 30, 684 gridAdjustment: 'responsive', 685 caption: 'overlayBottomPush', 686 displayType: 'sequentially', 687 displayTypeSpeed: 100, 688 // lightbox 689 lightboxDelegate: '.cbp-lightbox', 690 lightboxGallery: true, 691 lightboxTitleSrc: 'data-title', 692 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 693 // singlePageInline 694 singlePageInlineDelegate: '.cbp-singlePageInline', 695 singlePageInlinePosition: 'below', 696 singlePageInlineInFocus: true, 697 singlePageInlineCallback: function(url, element) { 698 // to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent) 699 var t = this; 700 $.ajax({
701 url: url, 702 type: 'GET', 703 dataType: 'html', 704 timeout: 10000 705 }) 706 .done(function(result) { 707 t.updateSinglePageInline(result); 708 }) 709 .fail(function() { 710 t.updateSinglePageInline('AJAX Error! Please refresh the page!'); 711 }); 712 } 713 }); 714 // 26.g. portfolio 2cols (lightbox-gallery) 715 $('.lightbox-gallery-2col').cubeportfolio({ 716 filters: '#filters-container', 717 loadMore: '#loadMore-container', 718 loadMoreAction: 'click', 719 layoutMode: 'grid', 720 mediaQueries: [{ 721 width: 1600, 722 cols: 3 723 }, { 724 width: 1000, 725 cols: 2 726 }, { 727 width: 800, 728 cols: 2 729 }, { 730 width: 500, 731 cols: 2 732 }, { 733 width: 320, 734 cols: 1 735 }], 736 defaultFilter: '*', 737 animationType: 'quicksand', 738 gapHorizontal: 30, 739 gapVertical: 30, 740 gridAdjustment: 'responsive', 741 caption: 'overlayBottomPush', 742 displayType: 'sequentially', 743 displayTypeSpeed: 100, 744 // lightbox 745 lightboxDelegate: '.cbp-lightbox', 746 lightboxGallery: true, 747 lightboxTitleSrc: 'data-title', 748 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 749 // singlePageInline 750 singlePageInlineDelegate: '.cbp-singlePageInline', 751 singlePageInlinePosition: 'below', 752 singlePageInlineInFocus: true, 753 singlePageInlineCallback: function(url, element) { 754 // to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent) 755 var t = this; 756 $.ajax({
757 url: url, 758 type: 'GET', 759 dataType: 'html', 760 timeout: 10000 761 }) 762 .done(function(result) { 763 t.updateSinglePageInline(result); 764 }) 765 .fail(function() { 766 t.updateSinglePageInline('AJAX Error! Please refresh the page!'); 767 }); 768 } 769 }); 770 // 26.h. portfolio infinite-scroll (lightbox-gallery) 771 $('.lightbox-gallery-infinite').cubeportfolio({ 772 filters: '#filters-container', 773 loadMore: '#loadMore-container', 774 loadMoreAction: 'auto', 775 layoutMode: 'grid', 776 mediaQueries: [{ 777 width: 1600, 778 cols: 5 779 }, { 780 width: 1000, 781 cols: 4 782 }, { 783 width: 800, 784 cols: 3 785 }, { 786 width: 500, 787 cols: 2 788 }, { 789 width: 320, 790 cols: 1 791 }], 792 defaultFilter: '*', 793 animationType: 'slideDelay', 794 gapHorizontal: 30, 795 gapVertical: 30, 796 gridAdjustment: 'responsive', 797 caption: 'overlayBottomPush', 798 displayType: 'sequentially', 799 displayTypeSpeed: 100, 800 // lightbox 801 lightboxDelegate: '.cbp-lightbox', 802 lightboxGallery: true, 803 lightboxTitleSrc: 'data-title', 804 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 805 // singlePageInline 806 singlePageInlineDelegate: '.cbp-singlePageInline', 807 singlePageInlinePosition: 'below', 808 singlePageInlineInFocus: true, 809 singlePageInlineCallback: function(url, element) { 810 // to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent) 811 var t = this; 812 $.ajax({
813 url: url, 814 type: 'GET', 815 dataType: 'html', 816 timeout: 10000 817 }) 818 .done(function(result) { 819 t.updateSinglePageInline(result); 820 }) 821 .fail(function() { 822 t.updateSinglePageInline('AJAX Error! Please refresh the page!'); 823 }); 824 } 825 }); 826 // 26.i. portfolio 4cols (minimal) 827 $('.minimal-4col').cubeportfolio({ 828 filters: '#filters-container', 829 loadMore: '#loadMore-container', 830 layoutMode: 'grid', 831 defaultFilter: '*', 832 animationType: 'flipOutDelay', 833 gapHorizontal: 50, 834 gapVertical: 30, 835 gridAdjustment: 'responsive', 836 mediaQueries: [{ 837 width: 1600, 838 cols: 5 839 }, { 840 width: 1000, 841 cols: 4 842 }, { 843 width: 800, 844 cols: 3 845 }, { 846 width: 500, 847 cols: 2 848 }, { 849 width: 320, 850 cols: 1 851 }], 852 caption: 'fadeIn', 853 displayType: 'lazyLoading', 854 displayTypeSpeed: 100, 855 // singlePage popup 856 singlePageDelegate: '.cbp-singlePage', 857 singlePageDeeplinking: true, 858 singlePageStickyNavigation: true, 859 singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>', 860 singlePageCallback: function(url, element) { 861 // to update singlePage content use the following method: this.updateSinglePage(yourContent) 862 var t = this; 863 $.ajax({
864 url: url, 865 type: 'GET', 866 dataType: 'html', 867 timeout: 10000 868 }) 869 .done(function(result) { 870 t.updateSinglePage(result); 871 }) 872 .fail(function() { 873 t.updateSinglePage('AJAX Error! Please refresh the page!'); 874 }); 875 } 876 }); 877 // 26.j. portfolio 3cols (minimal) 878 $('.minimal-3col').cubeportfolio({ 879 filters: '#filters-container', 880 loadMore: '#loadMore-container', 881 layoutMode: 'grid', 882 defaultFilter: '*', 883 animationType: 'flipOutDelay', 884 gapHorizontal: 50, 885 gapVertical: 30, 886 gridAdjustment: 'responsive', 887 mediaQueries: [{ 888 width: 1600, 889 cols: 4 890 }, { 891 width: 1000, 892 cols: 3 893 }, { 894 width: 800, 895 cols: 3 896 }, { 897 width: 500, 898 cols: 2 899 }, { 900 width: 320, 901 cols: 1 902 }], 903 caption: 'fadeIn', 904 displayType: 'lazyLoading', 905 displayTypeSpeed: 100, 906 // singlePage popup 907 singlePageDelegate: '.cbp-singlePage', 908 singlePageDeeplinking: true, 909 singlePageStickyNavigation: true, 910 singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>', 911 singlePageCallback: function(url, element) { 912 // to update singlePage content use the following method: this.updateSinglePage(yourContent) 913 var t = this; 914 $.ajax({
915 url: url, 916 type: 'GET', 917 dataType: 'html', 918 timeout: 10000 919 }) 920 .done(function(result) { 921 t.updateSinglePage(result); 922 }) 923 .fail(function() { 924 t.updateSinglePage('AJAX Error! Please refresh the page!'); 925 }); 926 } 927 }); 928 // 26.k. portfolio 2cols (minimal) 929 $('.minimal-2col').cubeportfolio({ 930 filters: '#filters-container', 931 loadMore: '#loadMore-container', 932 layoutMode: 'grid', 933 defaultFilter: '*', 934 animationType: 'flipOutDelay', 935 gapHorizontal: 50, 936 gapVertical: 30, 937 gridAdjustment: 'responsive', 938 mediaQueries: [{ 939 width: 1600, 940 cols: 3 941 }, { 942 width: 1000, 943 cols: 2 944 }, { 945 width: 800, 946 cols: 2 947 }, { 948 width: 500, 949 cols: 2 950 }, { 951 width: 320, 952 cols: 1 953 }], 954 caption: 'fadeIn', 955 displayType: 'lazyLoading', 956 displayTypeSpeed: 100, 957 // singlePage popup 958 singlePageDelegate: '.cbp-singlePage', 959 singlePageDeeplinking: true, 960 singlePageStickyNavigation: true, 961 singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>', 962 singlePageCallback: function(url, element) { 963 // to update singlePage content use the following method: this.updateSinglePage(yourContent) 964 var t = this; 965 $.ajax({
966 url: url, 967 type: 'GET', 968 dataType: 'html', 969 timeout: 10000 970 }) 971 .done(function(result) { 972 t.updateSinglePage(result); 973 }) 974 .fail(function() { 975 t.updateSinglePage('AJAX Error! Please refresh the page!'); 976 }); 977 } 978 }); 979 // 26.l. portfolio infinite-scroll (minimal) 980 $('.minimal-infinite').cubeportfolio({ 981 filters: '#filters-container', 982 loadMore: '#loadMore-container', 983 loadMoreAction: 'auto', 984 layoutMode: 'grid', 985 defaultFilter: '*', 986 animationType: 'flipOutDelay', 987 gapHorizontal: 50, 988 gapVertical: 30, 989 gridAdjustment: 'responsive', 990 mediaQueries: [{ 991 width: 1600, 992 cols: 5 993 }, { 994 width: 1000, 995 cols: 4 996 }, { 997 width: 800, 998 cols: 3 999 }, { 1000 width: 500, 1001 cols: 2 1002 }, { 1003 width: 320, 1004 cols: 1 1005 }], 1006 caption: 'fadeIn', 1007 displayType: 'lazyLoading', 1008 displayTypeSpeed: 100, 1009 // singlePage popup 1010 singlePageDelegate: '.cbp-singlePage', 1011 singlePageDeeplinking: true, 1012 singlePageStickyNavigation: true, 1013 singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>', 1014 singlePageCallback: function(url, element) { 1015 // to update singlePage content use the following method: this.updateSinglePage(yourContent) 1016 var t = this; 1017 $.ajax({
1018 url: url, 1019 type: 'GET', 1020 dataType: 'html', 1021 timeout: 10000 1022 }) 1023 .done(function(result) { 1024 t.updateSinglePage(result); 1025 }) 1026 .fail(function() { 1027 t.updateSinglePage('AJAX Error! Please refresh the page!'); 1028 }); 1029 } 1030 }); 1031 // 26.m. portfolio 4cols (creative) 1032 $('.creative-4col').cubeportfolio({ 1033 filters: '#filters-container', 1034 loadMore: '#loadMore-container', 1035 loadMoreAction: 'click', 1036 layoutMode: 'grid', 1037 defaultFilter: '*', 1038 animationType: 'fadeOutTop', 1039 gapHorizontal: 0, 1040 gapVertical: 0, 1041 gridAdjustment: 'responsive', 1042 mediaQueries: [{ 1043 width: 1600, 1044 cols: 5 1045 }, { 1046 width: 1000, 1047 cols: 4 1048 }, { 1049 width: 800, 1050 cols: 3 1051 }, { 1052 width: 500, 1053 cols: 2 1054 }, { 1055 width: 320, 1056 cols: 1 1057 }], 1058 caption: 'zoom', 1059 displayType: 'lazyLoading', 1060 displayTypeSpeed: 100, 1061 // lightbox 1062 lightboxDelegate: '.cbp-lightbox', 1063 lightboxGallery: true, 1064 lightboxTitleSrc: 'data-title', 1065 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>' 1066 }); 1067 // 26.n. portfolio 3cols (creative) 1068 $('.creative-3col').cubeportfolio({ 1069 filters: '#filters-container', 1070 loadMore: '#loadMore-container', 1071 loadMoreAction: 'click', 1072 layoutMode: 'grid', 1073 defaultFilter: '*', 1074 animationType: 'fadeOutTop', 1075 gapHorizontal: 0, 1076 gapVertical: 0, 1077 gridAdjustment: 'responsive', 1078 mediaQueries: [{ 1079 width: 1600, 1080 cols: 4 1081 }, { 1082 width: 1000, 1083 cols: 3 1084 }, { 1085 width: 800, 1086 cols: 3 1087 }, { 1088 width: 500, 1089 cols: 2 1090 }, { 1091 width: 320, 1092 cols: 1 1093 }], 1094 caption: 'zoom', 1095 displayType: 'lazyLoading', 1096 displayTypeSpeed: 100, 1097 // lightbox 1098 lightboxDelegate: '.cbp-lightbox', 1099 lightboxGallery: true, 1100 lightboxTitleSrc: 'data-title', 1101 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>' 1102 }); 1103 // 26.o. portfolio 2cols (creative) 1104 $('.creative-2col').cubeportfolio({ 1105 filters: '#filters-container', 1106 loadMore: '#loadMore-container', 1107 loadMoreAction: 'click', 1108 layoutMode: 'grid', 1109 defaultFilter: '*', 1110 animationType: 'fadeOutTop', 1111 gapHorizontal: 0, 1112 gapVertical: 0, 1113 gridAdjustment: 'responsive', 1114 mediaQueries: [{ 1115 width: 1600, 1116 cols: 3 1117 }, { 1118 width: 1000, 1119 cols: 2 1120 }, { 1121 width: 800, 1122 cols: 2 1123 }, { 1124 width: 500, 1125 cols: 2 1126 }, { 1127 width: 320, 1128 cols: 1 1129 }], 1130 caption: 'zoom', 1131 displayType: 'lazyLoading', 1132 displayTypeSpeed: 100, 1133 // lightbox 1134 lightboxDelegate: '.cbp-lightbox', 1135 lightboxGallery: true, 1136 lightboxTitleSrc: 'data-title', 1137 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>' 1138 }); 1139 // 26.p. portfolio infinite-scroll (creative) 1140 $('.creative-infinite').cubeportfolio({ 1141 filters: '#filters-container', 1142 loadMore: '#loadMore-container', 1143 loadMoreAction: 'auto', 1144 layoutMode: 'grid', 1145 defaultFilter: '*', 1146 animationType: 'fadeOutTop', 1147 gapHorizontal: 0, 1148 gapVertical: 0, 1149 gridAdjustment: 'responsive', 1150 mediaQueries: [{ 1151 width: 1600, 1152 cols: 5 1153 }, { 1154 width: 1000, 1155 cols: 4 1156 }, { 1157 width: 800, 1158 cols: 3 1159 }, { 1160 width: 500, 1161 cols: 2 1162 }, { 1163 width: 320, 1164 cols: 1 1165 }], 1166 caption: 'zoom', 1167 displayType: 'lazyLoading', 1168 displayTypeSpeed: 100, 1169 // lightbox 1170 lightboxDelegate: '.cbp-lightbox', 1171 lightboxGallery: true, 1172 lightboxTitleSrc: 'data-title', 1173 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>' 1174 });
1175 // 26.q. portfolio 4col (masonry) 1176 $('.masonry-4col').cubeportfolio({ 1177 filters: '#filters-container', 1178 loadMore: '#loadMore-container', 1179 loadMoreAction: 'click', 1180 layoutMode: 'grid', 1181 defaultFilter: '*', 1182 animationType: 'quicksand', 1183 gapHorizontal: 25, 1184 gapVertical: 15, 1185 gridAdjustment: 'responsive', 1186 mediaQueries: [{ 1187 width: 1600, 1188 cols: 5 1189 }, { 1190 width: 1000, 1191 cols: 4 1192 }, { 1193 width: 800, 1194 cols: 3 1195 }, { 1196 width: 500, 1197 cols: 2 1198 }, { 1199 width: 320, 1200 cols: 1 1201 }], 1202 caption: 'zoom', 1203 displayType: 'lazyLoading', 1204 displayTypeSpeed: 100, 1205 // lightbox 1206 lightboxDelegate: '.cbp-lightbox', 1207 lightboxGallery: true, 1208 lightboxTitleSrc: 'data-title', 1209 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 1210 // singlePage popup 1211 singlePageDelegate: '.cbp-singlePage', 1212 singlePageDeeplinking: true, 1213 singlePageStickyNavigation: true, 1214 singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>', 1215 singlePageCallback: function(url, element) { 1216 // to update singlePage content use the following method: this.updateSinglePage(yourContent) 1217 var t = this; 1218 $.ajax({
1219 url: url, 1220 type: 'GET', 1221 dataType: 'html', 1222 timeout: 10000 1223 }) 1224 .done(function(result) { 1225 t.updateSinglePage(result); 1226 }) 1227 .fail(function() { 1228 t.updateSinglePage('AJAX Error! Please refresh the page!'); 1229 }); 1230 } 1231 }); 1232 // 26.r. portfolio 3col (masonry) 1233 $('.masonry-3col').cubeportfolio({ 1234 filters: '#filters-container', 1235 loadMore: '#loadMore-container', 1236 loadMoreAction: 'click', 1237 layoutMode: 'grid', 1238 defaultFilter: '*', 1239 animationType: 'quicksand', 1240 gapHorizontal: 25, 1241 gapVertical: 15, 1242 gridAdjustment: 'responsive', 1243 mediaQueries: [{ 1244 width: 1600, 1245 cols: 4 1246 }, { 1247 width: 1000, 1248 cols: 3 1249 }, { 1250 width: 800, 1251 cols: 3 1252 }, { 1253 width: 500, 1254 cols: 2 1255 }, { 1256 width: 320, 1257 cols: 1 1258 }], 1259 caption: 'zoom', 1260 displayType: 'lazyLoading', 1261 displayTypeSpeed: 100, 1262 // lightbox 1263 lightboxDelegate: '.cbp-lightbox', 1264 lightboxGallery: true, 1265 lightboxTitleSrc: 'data-title', 1266 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 1267 // singlePage popup 1268 singlePageDelegate: '.cbp-singlePage', 1269 singlePageDeeplinking: true, 1270 singlePageStickyNavigation: true, 1271 singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>', 1272 singlePageCallback: function(url, element) { 1273 // to update singlePage content use the following method: this.updateSinglePage(yourContent) 1274 var t = this; 1275 $.ajax({
1276 url: url, 1277 type: 'GET', 1278 dataType: 'html', 1279 timeout: 10000 1280 }) 1281 .done(function(result) { 1282 t.updateSinglePage(result); 1283 }) 1284 .fail(function() { 1285 t.updateSinglePage('AJAX Error! Please refresh the page!'); 1286 }); 1287 } 1288 }); 1289 // 26.s. portfolio 2col (masonry) 1290 $('.masonry-2col').cubeportfolio({ 1291 filters: '#filters-container', 1292 loadMore: '#loadMore-container', 1293 loadMoreAction: 'click', 1294 layoutMode: 'grid', 1295 defaultFilter: '*', 1296 animationType: 'quicksand', 1297 gapHorizontal: 25, 1298 gapVertical: 15, 1299 gridAdjustment: 'responsive', 1300 mediaQueries: [{ 1301 width: 1600, 1302 cols: 4 1303 }, { 1304 width: 1000, 1305 cols: 2 1306 }, { 1307 width: 800, 1308 cols: 2 1309 }, { 1310 width: 500, 1311 cols: 2 1312 }, { 1313 width: 320, 1314 cols: 1 1315 }], 1316 caption: 'zoom', 1317 displayType: 'lazyLoading', 1318 displayTypeSpeed: 100, 1319 // lightbox 1320 lightboxDelegate: '.cbp-lightbox', 1321 lightboxGallery: true, 1322 lightboxTitleSrc: 'data-title', 1323 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 1324 // singlePage popup 1325 singlePageDelegate: '.cbp-singlePage', 1326 singlePageDeeplinking: true, 1327 singlePageStickyNavigation: true, 1328 singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>', 1329 singlePageCallback: function(url, element) { 1330 // to update singlePage content use the following method: this.updateSinglePage(yourContent) 1331 var t = this; 1332 $.ajax({
1333 url: url, 1334 type: 'GET', 1335 dataType: 'html', 1336 timeout: 10000 1337 }) 1338 .done(function(result) { 1339 t.updateSinglePage(result); 1340 }) 1341 .fail(function() { 1342 t.updateSinglePage('AJAX Error! Please refresh the page!'); 1343 }); 1344 } 1345 }); 1346 // 26.t. portfolio infinite-scroll (masonry) 1347 $('.masonry-infinite').cubeportfolio({ 1348 filters: '#filters-container', 1349 loadMore: '#loadMore-container', 1350 loadMoreAction: 'auto', 1351 layoutMode: 'grid', 1352 defaultFilter: '*', 1353 animationType: 'quicksand', 1354 gapHorizontal: 25, 1355 gapVertical: 15, 1356 gridAdjustment: 'responsive', 1357 mediaQueries: [{ 1358 width: 1600, 1359 cols: 5 1360 }, { 1361 width: 1000, 1362 cols: 4 1363 }, { 1364 width: 800, 1365 cols: 3 1366 }, { 1367 width: 500, 1368 cols: 2 1369 }, { 1370 width: 320, 1371 cols: 1 1372 }], 1373 caption: 'zoom', 1374 displayType: 'lazyLoading', 1375 displayTypeSpeed: 100, 1376 // lightbox 1377 lightboxDelegate: '.cbp-lightbox', 1378 lightboxGallery: true, 1379 lightboxTitleSrc: 'data-title', 1380 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 1381 // singlePage popup 1382 singlePageDelegate: '.cbp-singlePage', 1383 singlePageDeeplinking: true, 1384 singlePageStickyNavigation: true, 1385 singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>', 1386 singlePageCallback: function(url, element) { 1387 // to update singlePage content use the following method: this.updateSinglePage(yourContent) 1388 var t = this; 1389 $.ajax({
1390 url: url, 1391 type: 'GET', 1392 dataType: 'html', 1393 timeout: 10000 1394 }) 1395 .done(function(result) { 1396 t.updateSinglePage(result); 1397 }) 1398 .fail(function() { 1399 t.updateSinglePage('AJAX Error! Please refresh the page!'); 1400 }); 1401 } 1402 }); 1403 // 26.u. portfolio 4col (masonry-alt) 1404 $('.masonry-alt-4col').cubeportfolio({ 1405 filters: '#filters-container', 1406 loadMore: '#loadMore-container', 1407 loadMoreAction: 'click', 1408 layoutMode: 'grid', 1409 defaultFilter: '*', 1410 animationType: 'slideDelay', 1411 gapHorizontal: 15, 1412 gapVertical: 15, 1413 gridAdjustment: 'responsive', 1414 mediaQueries: [{ 1415 width: 1600, 1416 cols: 5 1417 }, { 1418 width: 1000, 1419 cols: 4 1420 }, { 1421 width: 800, 1422 cols: 3 1423 }, { 1424 width: 500, 1425 cols: 2 1426 }, { 1427 width: 320, 1428 cols: 1 1429 }], 1430 caption: 'overlayBottomAlong', 1431 displayType: 'bottomToTop', 1432 displayTypeSpeed: 100, 1433 // lightbox 1434 lightboxDelegate: '.cbp-lightbox', 1435 lightboxGallery: true, 1436 lightboxTitleSrc: 'data-title', 1437 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>' 1438 }); 1439 // 26.v. portfolio 3col (masonry-alt) 1440 $('.masonry-alt-3col').cubeportfolio({ 1441 filters: '#filters-container', 1442 loadMore: '#loadMore-container', 1443 loadMoreAction: 'click', 1444 layoutMode: 'grid', 1445 defaultFilter: '*', 1446 animationType: 'slideDelay', 1447 gapHorizontal: 15, 1448 gapVertical: 15, 1449 gridAdjustment: 'responsive', 1450 mediaQueries: [{ 1451 width: 1600, 1452 cols: 5 1453 }, { 1454 width: 1000, 1455 cols: 3 1456 }, { 1457 width: 800, 1458 cols: 3 1459 }, { 1460 width: 500, 1461 cols: 2 1462 }, { 1463 width: 320, 1464 cols: 1 1465 }], 1466 caption: 'overlayBottomAlong', 1467 displayType: 'bottomToTop', 1468 displayTypeSpeed: 100, 1469 // lightbox 1470 lightboxDelegate: '.cbp-lightbox', 1471 lightboxGallery: true, 1472 lightboxTitleSrc: 'data-title', 1473 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>' 1474 }); 1475 // 26.w. portfolio 2col (masonry-alt) 1476 $('.masonry-alt-2col').cubeportfolio({ 1477 filters: '#filters-container', 1478 loadMore: '#loadMore-container', 1479 loadMoreAction: 'click', 1480 layoutMode: 'grid', 1481 defaultFilter: '*', 1482 animationType: 'slideDelay', 1483 gapHorizontal: 15, 1484 gapVertical: 15, 1485 gridAdjustment: 'responsive', 1486 mediaQueries: [{ 1487 width: 1600, 1488 cols: 4 1489 }, { 1490 width: 1000, 1491 cols: 2 1492 }, { 1493 width: 800, 1494 cols: 2 1495 }, { 1496 width: 500, 1497 cols: 2 1498 }, { 1499 width: 320, 1500 cols: 1 1501 }], 1502 caption: 'overlayBottomAlong', 1503 displayType: 'bottomToTop', 1504 displayTypeSpeed: 100, 1505 // lightbox 1506 lightboxDelegate: '.cbp-lightbox', 1507 lightboxGallery: true, 1508 lightboxTitleSrc: 'data-title', 1509 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>' 1510 }); 1511 // 26.x. portfolio infinite-scroll (masonry-alt) 1512 $('.masonry-alt-infinite-scroll').cubeportfolio({ 1513 filters: '#filters-container', 1514 loadMore: '#loadMore-container', 1515 loadMoreAction: 'auto', 1516 layoutMode: 'grid', 1517 defaultFilter: '*', 1518 animationType: 'slideDelay', 1519 gapHorizontal: 15, 1520 gapVertical: 15, 1521 gridAdjustment: 'responsive', 1522 mediaQueries: [{ 1523 width: 1600, 1524 cols: 5 1525 }, { 1526 width: 1000, 1527 cols: 4 1528 }, { 1529 width: 800, 1530 cols: 3 1531 }, { 1532 width: 500, 1533 cols: 2 1534 }, { 1535 width: 320, 1536 cols: 1 1537 }], 1538 caption: 'overlayBottomAlong',
1539 displayType: 'bottomToTop', 1540 displayTypeSpeed: 100, 1541 // lightbox 1542 lightboxDelegate: '.cbp-lightbox', 1543 lightboxGallery: true, 1544 lightboxTitleSrc: 'data-title', 1545 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>' 1546 }); 1547 // 26.y. portfolio 4col (awesome-work) 1548 $('.awesome-work-4col').cubeportfolio({ 1549 filters: '#filters-container', 1550 loadMore: '#loadMore-container', 1551 loadMoreAction: 'click', 1552 layoutMode: 'grid', 1553 defaultFilter: '*', 1554 animationType: 'scaleSides', 1555 gapHorizontal: 15, 1556 gapVertical: 15, 1557 gridAdjustment: 'responsive', 1558 mediaQueries: [{ 1559 width: 1600, 1560 cols: 5 1561 }, { 1562 width: 1000, 1563 cols: 4 1564 }, { 1565 width: 800, 1566 cols: 3 1567 }, { 1568 width: 500, 1569 cols: 2 1570 }, { 1571 width: 320, 1572 cols: 1 1573 }], 1574 caption: 'zoom', 1575 displayType: 'lazyLoading', 1576 displayTypeSpeed: 400, 1577 // singlePage popup 1578 singlePageDelegate: '.cbp-singlePage', 1579 singlePageDeeplinking: true, 1580 singlePageStickyNavigation: true, 1581 singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>', 1582 singlePageCallback: function(url, element) { 1583 // to update singlePage content use the following method: this.updateSinglePage(yourContent) 1584 var t = this; 1585 $.ajax({
1586 url: url, 1587 type: 'GET', 1588 dataType: 'html', 1589 timeout: 10000 1590 }) 1591 .done(function(result) { 1592 t.updateSinglePage(result); 1593 }) 1594 .fail(function() { 1595 t.updateSinglePage('AJAX Error! Please refresh the page!'); 1596 }); 1597 } 1598 }); 1599 // 26.z. portfolio 3col (awesome-work) 1600 $('.awesome-work-3col').cubeportfolio({ 1601 filters: '#filters-container', 1602 loadMore: '#loadMore-container', 1603 loadMoreAction: 'click', 1604 layoutMode: 'grid', 1605 defaultFilter: '*', 1606 animationType: 'scaleSides', 1607 gapHorizontal: 15, 1608 gapVertical: 15, 1609 gridAdjustment: 'responsive', 1610 mediaQueries: [{ 1611 width: 1000, 1612 cols: 3 1613 }, { 1614 width: 800, 1615 cols: 3 1616 }, { 1617 width: 500, 1618 cols: 2 1619 }, { 1620 width: 320, 1621 cols: 1 1622 }], 1623 caption: 'zoom', 1624 displayType: 'lazyLoading', 1625 displayTypeSpeed: 400, 1626 // singlePage popup 1627 singlePageDelegate: '.cbp-singlePage', 1628 singlePageDeeplinking: true, 1629 singlePageStickyNavigation: true, 1630 singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>', 1631 singlePageCallback: function(url, element) { 1632 // to update singlePage content use the following method: this.updateSinglePage(yourContent) 1633 var t = this; 1634 $.ajax({
1635 url: url, 1636 type: 'GET', 1637 dataType: 'html', 1638 timeout: 10000 1639 }) 1640 .done(function(result) { 1641 t.updateSinglePage(result); 1642 }) 1643 .fail(function() { 1644 t.updateSinglePage('AJAX Error! Please refresh the page!'); 1645 }); 1646 } 1647 }); 1648 // 26.aa. portfolio 2col (awesome-work) 1649 $('.awesome-work-2col').cubeportfolio({ 1650 filters: '#filters-container', 1651 loadMore: '#loadMore-container', 1652 loadMoreAction: 'click', 1653 layoutMode: 'grid', 1654 defaultFilter: '*', 1655 animationType: 'scaleSides', 1656 gapHorizontal: 15, 1657 gapVertical: 15, 1658 gridAdjustment: 'responsive', 1659 mediaQueries: [{ 1660 width: 1000, 1661 cols: 2 1662 }, { 1663 width: 800, 1664 cols: 2 1665 }, { 1666 width: 500, 1667 cols: 2 1668 }, { 1669 width: 320, 1670 cols: 1 1671 }], 1672 caption: 'zoom', 1673 displayType: 'lazyLoading', 1674 displayTypeSpeed: 400, 1675 // singlePage popup 1676 singlePageDelegate: '.cbp-singlePage', 1677 singlePageDeeplinking: true, 1678 singlePageStickyNavigation: true, 1679 singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>', 1680 singlePageCallback: function(url, element) { 1681 // to update singlePage content use the following method: this.updateSinglePage(yourContent) 1682 var t = this; 1683 $.ajax({
1684 url: url, 1685 type: 'GET', 1686 dataType: 'html', 1687 timeout: 10000 1688 }) 1689 .done(function(result) { 1690 t.updateSinglePage(result); 1691 }) 1692 .fail(function() { 1693 t.updateSinglePage('AJAX Error! Please refresh the page!'); 1694 }); 1695 } 1696 }); 1697 // 26.ab. portfolio infinite-scroll (awesome-work) 1698 $('.awesome-work-infinite').cubeportfolio({ 1699 filters: '#filters-container', 1700 loadMore: '#loadMore-container', 1701 loadMoreAction: 'auto', 1702 layoutMode: 'grid', 1703 defaultFilter: '*', 1704 animationType: 'scaleSides', 1705 gapHorizontal: 15, 1706 gapVertical: 15, 1707 gridAdjustment: 'responsive', 1708 mediaQueries: [{ 1709 width: 1000, 1710 cols: 4 1711 }, { 1712 width: 800, 1713 cols: 3 1714 }, { 1715 width: 500, 1716 cols: 2 1717 }, { 1718 width: 320, 1719 cols: 1 1720 }], 1721 caption: 'zoom', 1722 displayType: 'lazyLoading', 1723 displayTypeSpeed: 400, 1724 // singlePage popup 1725 singlePageDelegate: '.cbp-singlePage', 1726 singlePageDeeplinking: true, 1727 singlePageStickyNavigation: true, 1728 singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>', 1729 singlePageCallback: function(url, element) { 1730 // to update singlePage content use the following method: this.updateSinglePage(yourContent) 1731 var t = this; 1732 $.ajax({
1733 url: url, 1734 type: 'GET', 1735 dataType: 'html', 1736 timeout: 10000 1737 }) 1738 .done(function(result) { 1739 t.updateSinglePage(result); 1740 }) 1741 .fail(function() { 1742 t.updateSinglePage('AJAX Error! Please refresh the page!'); 1743 }); 1744 } 1745 }); 1746 // 26.ac. portfolio 4col (agency) 1747 $('.agency-4col').cubeportfolio({ 1748 filters: '#filters-container', 1749 loadMore: '#loadMore-container', 1750 loadMoreAction: 'click', 1751 layoutMode: 'grid', 1752 defaultFilter: '*', 1753 animationType: 'slideLeft', 1754 gapHorizontal: 35, 1755 gapVertical: 15, 1756 gridAdjustment: 'responsive', 1757 mediaQueries: [{ 1758 width: 1600, 1759 cols: 5 1760 }, { 1761 width: 1000, 1762 cols: 4 1763 }, { 1764 width: 800, 1765 cols: 3 1766 }, { 1767 width: 500, 1768 cols: 2 1769 }, { 1770 width: 320, 1771 cols: 1 1772 }], 1773 caption: 'zoom', 1774 displayType: 'lazyLoading', 1775 displayTypeSpeed: 100 1776 }); 1777 // 26.ac. portfolio 3col (agency) 1778 $('.agency-3col').cubeportfolio({ 1779 filters: '#filters-container', 1780 loadMore: '#loadMore-container', 1781 loadMoreAction: 'click', 1782 layoutMode: 'grid', 1783 defaultFilter: '*', 1784 animationType: 'slideLeft', 1785 gapHorizontal: 35, 1786 gapVertical: 15, 1787 gridAdjustment: 'responsive', 1788 mediaQueries: [{ 1789 width: 1600, 1790 cols: 4 1791 }, { 1792 width: 1000, 1793 cols: 3 1794 }, { 1795 width: 800, 1796 cols: 2 1797 }, { 1798 width: 500, 1799 cols: 2 1800 }, { 1801 width: 320, 1802 cols: 1 1803 }], 1804 caption: 'zoom', 1805 displayType: 'lazyLoading', 1806 displayTypeSpeed: 100 1807 }); 1808 // 26.ac. portfolio 2col (agency) 1809 $('.agency-2col').cubeportfolio({ 1810 filters: '#filters-container', 1811 loadMore: '#loadMore-container', 1812 loadMoreAction: 'click', 1813 layoutMode: 'grid', 1814 defaultFilter: '*', 1815 animationType: 'slideLeft', 1816 gapHorizontal: 35, 1817 gapVertical: 15, 1818 gridAdjustment: 'responsive', 1819 mediaQueries: [{ 1820 width: 1600, 1821 cols: 3 1822 }, { 1823 width: 1000, 1824 cols: 2 1825 }, { 1826 width: 800, 1827 cols: 2 1828 }, { 1829 width: 500, 1830 cols: 2 1831 }, { 1832 width: 320, 1833 cols: 1 1834 }], 1835 caption: 'zoom', 1836 displayType: 'lazyLoading', 1837 displayTypeSpeed: 100 1838 }); 1839 // 26.ac. portfolio infinite-scroll (agency) 1840 $('.agency-infinite').cubeportfolio({ 1841 filters: '#filters-container', 1842 loadMore: '#loadMore-container', 1843 loadMoreAction: 'auto', 1844 layoutMode: 'grid', 1845 defaultFilter: '*', 1846 animationType: 'slideLeft', 1847 gapHorizontal: 35, 1848 gapVertical: 15, 1849 gridAdjustment: 'responsive', 1850 mediaQueries: [{ 1851 width: 1400, 1852 cols: 5 1853 }, { 1854 width: 1100, 1855 cols: 4 1856 }, { 1857 width: 800, 1858 cols: 3 1859 }, { 1860 width: 500, 1861 cols: 2 1862 }, { 1863 width: 320, 1864 cols: 1 1865 }], 1866 caption: 'zoom', 1867 displayType: 'lazyLoading', 1868 displayTypeSpeed: 100 1869 }); 1870 1871 // 27. carousel (juicy projects) 1872 $('.juicy-projects-carousel').cubeportfolio({ 1873 layoutMode: 'slider', 1874 defaultFilter: '*', 1875 animationType: 'flipOutDelay', 1876 showPagination: false, 1877 gapHorizontal: 30, 1878 gapVertical: 30, 1879 gridAdjustment: 'responsive', 1880 mediaQueries: [{ 1881 width: 1600, 1882 cols: 5 1883 }, { 1884 width: 1000, 1885 cols: 4 1886 }, { 1887 width: 800, 1888 cols: 3 1889 }, { 1890 width: 500, 1891 cols: 2 1892 }, { 1893 width: 320, 1894 cols: 1 1895 }], 1896 caption: 'overlayBottomReveal',
1897 displayType: 'sequentially', 1898 displayTypeSpeed: 80, 1899 // lightbox 1900 lightboxDelegate: '.cbp-lightbox', 1901 lightboxGallery: true, 1902 lightboxTitleSrc: 'data-title', 1903 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 1904 // singlePage popup 1905 singlePageDelegate: '.cbp-singlePage', 1906 singlePageDeeplinking: true, 1907 singlePageStickyNavigation: true, 1908 singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>', 1909 singlePageCallback: function(url, element) { 1910 // to update singlePage content use the following method: this.updateSinglePage(yourContent) 1911 var t = this; 1912 1913 $.ajax({ 1914 url: url, 1915 type: 'GET', 1916 dataType: 'html', 1917 timeout: 10000 1918 }) 1919 .done(function(result) { 1920 t.updateSinglePage(result); 1921 }) 1922 .fail(function() { 1923 t.updateSinglePage('AJAX Error! Please refresh the page!'); 1924 }); 1925 } 1926 }); 1927 1928 // 28. bouncing arrow (page-header) 1929 jQuery('.bounce.arrow').on('click', function(){ 1930 var el = jQuery(this).attr('href'); 1931 var elWrapped = jQuery(el); 1932 scrollToDiv(elWrapped,40); 1933 return false; 1934 }); 1935 function scrollToDiv(element,navheight){ 1936 var offset = element.offset(); 1937 var offsetTop = offset.top; 1938 var totalScroll = offsetTop-navheight; 1939 1940 jQuery('body,html').animate({ 1941 scrollTop: totalScroll 1942 }, 500); 1943 } 1944 1945 // 29. featured posts slider (blog1) 1946 $('.featured-slider').cubeportfolio({ 1947 layoutMode: 'slider', 1948 drag: true, 1949 auto: true, 1950 autoTimeout: 6000, 1951 autoPauseOnHover: true, 1952 showNavigation: false, 1953 showPagination: false, 1954 rewindNav: true, 1955 scrollByPage: false, 1956 gridAdjustment: 'responsive', 1957 mediaQueries: [{ 1958 width: 1600, 1959 cols: 4 1960 }, { 1961 width: 1000, 1962 cols: 3 1963 }, { 1964 width: 800, 1965 cols: 2 1966 }, { 1967 width: 480, 1968 cols: 1 1969 }], 1970 gapHorizontal: 0, 1971 gapVertical: 0, 1972 caption: '', 1973 displayType: 'lazyLoading', 1974 displayTypeSpeed: 400, 1975 }); 1976 1977 // 30. featured projects carousel (blog aside widget) 1978 $('.featured-projects').cubeportfolio({ 1979 layoutMode: 'slider', 1980 drag: true, 1981 auto: true, 1982 autoTimeout: 6000, 1983 autoPauseOnHover: true, 1984 showNavigation: false, 1985 showPagination: true, 1986 rewindNav: true, 1987 scrollByPage: false, 1988 gridAdjustment: 'responsive', 1989 mediaQueries: [{ 1990 width: 380, 1991 cols: 1 1992 }], 1993 gapHorizontal: 0, 1994 gapVertical: 0, 1995 caption: '', 1996 displayType: 'lazyLoading', 1997 displayTypeSpeed: 400, 1998 }); 1999 2000 // 31. flickr feed 2001 $('.flickr-feed').jflickrfeed({ 2002 limit: 12, 2003 qstrings: { 2004 id: '52617155@N08' 2005 }, 2006 itemTemplate: '<li><a href="{{image_b}}"><img src="{{image_s}}" alt="{{title}}" /></a></li>' 2007 }); 2008 2009 // 32. Click effects 2010 !function(){function i(){var i=!1;return function(n){(/(android|ipad|playbook|silk|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(n)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|
2010sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(n.substr(0,4)))&&(i=!0)}(navigator.userAgent||navigator.vendor||window.opera),i}var n={animations:Modernizr.cssanimations},t={WebkitAnimation:"webkitAnimationEnd",OAnimation:"oAnimationEnd",msAnimation:"MSAnimationEnd",animation:"animationend"},a=t[Modernizr.prefixed("animation")],o=function(i,t){var o=function(i){if(n.animations){if(i.target!=this)return;this.removeEventListener(a,o)}t&&"function"==typeof t&&t.call()};n.animations?i.addEventListener(a,o):o()},e=i()?"touchstart":"click";[].slice.call(document.querySelectorAll(".cbutton")).forEach(function(i){i.addEventListener(e,function(){classie.add(i,"cbutton--click"),o(classie.has(i,"cbutton--complex")?i.querySelector(".cbutton__helper"):i,function(){classie.remove(i,"cbutton--click")})})})}(); 2011 2012 // 33. twitter feed 2013 $('#tweets').tweecool({ 2014 username : 'oscodoco', 2015 limit:3, 2016 profile_image : true, 2017 show_time : true, 2018 show_media : false, 2019 show_media_size: 'thumb', //values: small, large, thumb, medium 2020 callback: function() { 2021 $('#tweets').find('ul').addClass('tweet-slider'); 2022 $('.tweet-slider').owlCarousel({ 2023 items:1 2024 }); 2025 } 2026 }); 2027 2028 // 34. masonry blog 2029 // 34.a. blog masonry 4col 2030 $('.blog-masonry-4col').cubeportfolio({ 2031 filters: '#filters-container', 2032 loadMore: '#loadMore-container', 2033 search: '#js-search-blog-posts', 2034 loadMoreAction: 'click', 2035 layoutMode: 'grid', 2036 mediaQueries: [{ 2037 width: 1600, 2038 cols: 4 2039 }, { 2040 width: 1000, 2041 cols: 4 2042 }, { 2043 width: 800, 2044 cols: 3 2045 }, { 2046 width: 500, 2047 cols: 2 2048 }, { 2049 width: 320, 2050 cols: 1 2051 }], 2052 defaultFilter: '*', 2053 animationType: 'fadeOut', 2054 gapHorizontal: 30, 2055 gapVertical: 30, 2056 gridAdjustment: 'responsive', 2057 caption: 'overlayBottomPush', 2058 displayType: 'sequentially', 2059 displayTypeSpeed: 100, 2060 // lightbox 2061 lightboxDelegate: '.cbp-lightbox', 2062 lightboxGallery: true, 2063 lightboxTitleSrc: 'data-title', 2064 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>' 2065 }); 2066 // 34.b. blog masonry 3col 2067 $('.blog-masonry-3col').cubeportfolio({ 2068 filters: '#filters-container', 2069 loadMore: '#loadMore-container', 2070 search: '#js-search-blog-posts', 2071 loadMoreAction: 'click', 2072 layoutMode: 'grid', 2073 mediaQueries: [{ 2074 width: 1600, 2075 cols: 4 2076 }, { 2077 width: 1000, 2078 cols: 3 2079 }, { 2080 width: 800, 2081 cols: 3 2082 }, { 2083 width: 500, 2084 cols: 2 2085 }, { 2086 width: 320, 2087 cols: 1 2088 }], 2089 defaultFilter: '*', 2090 animationType: 'fadeOut', 2091 gapHorizontal: 30, 2092 gapVertical: 30, 2093 gridAdjustment: 'responsive', 2094 caption: 'overlayBottomPush', 2095 displayType: 'sequentially', 2096 displayTypeSpeed: 100, 2097 // lightbox 2098 lightboxDelegate: '.cbp-lightbox', 2099 lightboxGallery: true, 2100 lightboxTitleSrc: 'data-title', 2101 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>' 2102 }); 2103 // 34.c. blog masonry 2col 2104 $('.blog-masonry-2col').cubeportfolio({ 2105 filters: '#filters-container', 2106 loadMore: '#loadMore-container', 2107 search: '#js-search-blog-posts', 2108 loadMoreAction: 'click', 2109 layoutMode: 'grid', 2110 mediaQueries: [{ 2111 width: 1600, 2112 cols: 5 2113 }, { 2114 width: 1000, 2115 cols: 2 2116 }, { 2117 width: 800, 2118 cols: 2 2119 }, { 2120 width: 500, 2121 cols: 2 2122 }, { 2123 width: 320, 2124 cols: 1 2125 }], 2126 defaultFilter: '*', 2127 animationType: 'fadeOut', 2128 gapHorizontal: 30, 2129 gapVertical: 30, 2130 gridAdjustment: 'responsive', 2131 caption: 'overlayBottomPush',
2132 displayType: 'sequentially', 2133 displayTypeSpeed: 100, 2134 // lightbox 2135 lightboxDelegate: '.cbp-lightbox', 2136 lightboxGallery: true, 2137 lightboxTitleSrc: 'data-title', 2138 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>' 2139 }); 2140 // 34.d. blog masonry infinite scroll 2141 $('.blog-masonry-infinite').cubeportfolio({ 2142 filters: '#filters-container', 2143 loadMore: '#loadMore-container', 2144 search: '#js-search-blog-posts', 2145 loadMoreAction: 'auto', 2146 layoutMode: 'grid', 2147 mediaQueries: [{ 2148 width: 1600, 2149 cols: 5 2150 }, { 2151 width: 1000, 2152 cols: 3 2153 }, { 2154 width: 800, 2155 cols: 3 2156 }, { 2157 width: 500, 2158 cols: 2 2159 }, { 2160 width: 320, 2161 cols: 1 2162 }], 2163 defaultFilter: '*', 2164 animationType: 'fadeOut', 2165 gapHorizontal: 30, 2166 gapVertical: 30, 2167 gridAdjustment: 'responsive', 2168 caption: 'overlayBottomPush', 2169 displayType: 'sequentially', 2170 displayTypeSpeed: 100, 2171 // lightbox 2172 lightboxDelegate: '.cbp-lightbox', 2173 lightboxGallery: true, 2174 lightboxTitleSrc: 'data-title', 2175 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>' 2176 }); 2177 2178 // 35. similar posts carousel 2179 $('.similar-posts-carousel').cubeportfolio({ 2180 layoutMode: 'slider', 2181 mediaQueries: [{ 2182 width: 1600, 2183 cols: 4 2184 }, { 2185 width: 1000, 2186 cols: 3 2187 }, { 2188 width: 800, 2189 cols: 3 2190 }, { 2191 width: 500, 2192 cols: 2 2193 }, { 2194 width: 320, 2195 cols: 1 2196 }], 2197 defaultFilter: '*', 2198 animationType: 'fadeOut', 2199 gapHorizontal: 30, 2200 gapVertical: 30, 2201 gridAdjustment: 'responsive', 2202 caption: 'overlayBottomPush', 2203 displayType: 'sequentially', 2204 displayTypeSpeed: 100, 2205 }); 2206 2207 // 36.a. shop 4cols 2208 $('.shop-4col').cubeportfolio({ 2209 filters: '#filters-container', 2210 loadMore: '#loadMore-container', 2211 loadMoreAction: 'click', 2212 layoutMode: 'grid', 2213 mediaQueries: [{ 2214 width: 1600, 2215 cols: 5 2216 }, { 2217 width: 1000, 2218 cols: 4 2219 }, { 2220 width: 800, 2221 cols: 3 2222 }, { 2223 width: 500, 2224 cols: 2 2225 }, { 2226 width: 320, 2227 cols: 1 2228 }], 2229 defaultFilter: '*', 2230 animationType: 'slideDelay', 2231 gapHorizontal: 30, 2232 gapVertical: 30, 2233 gridAdjustment: 'responsive', 2234 caption: 'overlayBottomPush', 2235 displayType: 'sequentially', 2236 displayTypeSpeed: 100, 2237 // lightbox 2238 lightboxDelegate: '.cbp-lightbox', 2239 lightboxGallery: true, 2240 lightboxTitleSrc: 'data-title', 2241 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 2242 // singlePageInline 2243 singlePageInlineDelegate: '.cbp-singlePageInline', 2244 singlePageInlinePosition: 'below', 2245 singlePageInlineInFocus: true, 2246 singlePageInlineCallback: function(url, element) { 2247 // to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent) 2248 var t = this; 2249 $.ajax({
2250 url: url, 2251 type: 'GET', 2252 dataType: 'html', 2253 timeout: 10000 2254 }) 2255 .done(function(result) { 2256 t.updateSinglePageInline(result); 2257 }) 2258 .fail(function() { 2259 t.updateSinglePageInline('AJAX Error! Please refresh the page!'); 2260 }); 2261 } 2262 }); 2263 // 36.b. shop 3cols 2264 $('.shop-3col').cubeportfolio({ 2265 filters: '#filters-container', 2266 loadMore: '#loadMore-container', 2267 loadMoreAction: 'click', 2268 layoutMode: 'grid', 2269 mediaQueries: [{ 2270 width: 1600, 2271 cols: 4 2272 }, { 2273 width: 1000, 2274 cols: 3 2275 }, { 2276 width: 800, 2277 cols: 3 2278 }, { 2279 width: 500, 2280 cols: 2 2281 }, { 2282 width: 320, 2283 cols: 1 2284 }], 2285 defaultFilter: '*', 2286 animationType: 'slideDelay', 2287 gapHorizontal: 30, 2288 gapVertical: 30, 2289 gridAdjustment: 'responsive', 2290 caption: 'overlayBottomPush', 2291 displayType: 'sequentially', 2292 displayTypeSpeed: 100, 2293 // lightbox 2294 lightboxDelegate: '.cbp-lightbox', 2295 lightboxGallery: true, 2296 lightboxTitleSrc: 'data-title', 2297 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 2298 // singlePageInline 2299 singlePageInlineDelegate: '.cbp-singlePageInline', 2300 singlePageInlinePosition: 'below', 2301 singlePageInlineInFocus: true, 2302 singlePageInlineCallback: function(url, element) { 2303 // to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent) 2304 var t = this; 2305 $.ajax({
2306 url: url, 2307 type: 'GET', 2308 dataType: 'html', 2309 timeout: 10000 2310 }) 2311 .done(function(result) { 2312 t.updateSinglePageInline(result); 2313 }) 2314 .fail(function() { 2315 t.updateSinglePageInline('AJAX Error! Please refresh the page!'); 2316 }); 2317 } 2318 }); 2319 // 36.c. shop 2cols 2320 $('.shop-2col').cubeportfolio({ 2321 filters: '#filters-container', 2322 loadMore: '#loadMore-container', 2323 loadMoreAction: 'click', 2324 layoutMode: 'grid', 2325 mediaQueries: [{ 2326 width: 1600, 2327 cols: 3 2328 }, { 2329 width: 1000, 2330 cols: 2 2331 }, { 2332 width: 800, 2333 cols: 2 2334 }, { 2335 width: 500, 2336 cols: 2 2337 }, { 2338 width: 320, 2339 cols: 1 2340 }], 2341 defaultFilter: '*', 2342 animationType: 'slideDelay', 2343 gapHorizontal: 30, 2344 gapVertical: 30, 2345 gridAdjustment: 'responsive', 2346 caption: 'overlayBottomPush', 2347 displayType: 'sequentially', 2348 displayTypeSpeed: 100, 2349 // lightbox 2350 lightboxDelegate: '.cbp-lightbox', 2351 lightboxGallery: true, 2352 lightboxTitleSrc: 'data-title', 2353 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 2354 // singlePageInline 2355 singlePageInlineDelegate: '.cbp-singlePageInline', 2356 singlePageInlinePosition: 'below', 2357 singlePageInlineInFocus: true, 2358 singlePageInlineCallback: function(url, element) { 2359 // to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent) 2360 var t = this; 2361 $.ajax({
2362 url: url, 2363 type: 'GET', 2364 dataType: 'html', 2365 timeout: 10000 2366 }) 2367 .done(function(result) { 2368 t.updateSinglePageInline(result); 2369 }) 2370 .fail(function() { 2371 t.updateSinglePageInline('AJAX Error! Please refresh the page!'); 2372 }); 2373 } 2374 }); 2375 // 36.d. shop infinite scroll 2376 $('.shop-infinite').cubeportfolio({ 2377 filters: '#filters-container', 2378 loadMore: '#loadMore-container', 2379 loadMoreAction: 'auto', 2380 layoutMode: 'grid', 2381 mediaQueries: [{ 2382 width: 1600, 2383 cols: 5 2384 }, { 2385 width: 1000, 2386 cols: 4 2387 }, { 2388 width: 800, 2389 cols: 3 2390 }, { 2391 width: 500, 2392 cols: 2 2393 }, { 2394 width: 320, 2395 cols: 1 2396 }], 2397 defaultFilter: '*', 2398 animationType: 'slideDelay', 2399 gapHorizontal: 30, 2400 gapVertical: 30, 2401 gridAdjustment: 'responsive', 2402 caption: 'overlayBottomPush', 2403 displayType: 'sequentially', 2404 displayTypeSpeed: 100, 2405 // lightbox 2406 lightboxDelegate: '.cbp-lightbox', 2407 lightboxGallery: true, 2408 lightboxTitleSrc: 'data-title', 2409 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 2410 // singlePageInline 2411 singlePageInlineDelegate: '.cbp-singlePageInline', 2412 singlePageInlinePosition: 'below', 2413 singlePageInlineInFocus: true, 2414 singlePageInlineCallback: function(url, element) { 2415 // to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent) 2416 var t = this; 2417 $.ajax({
2418 url: url, 2419 type: 'GET', 2420 dataType: 'html', 2421 timeout: 10000 2422 }) 2423 .done(function(result) { 2424 t.updateSinglePageInline(result); 2425 }) 2426 .fail(function() { 2427 t.updateSinglePageInline('AJAX Error! Please refresh the page!'); 2428 }); 2429 } 2430 }); 2431 2432 // 37. shop related products 2433 $('.related-products').cubeportfolio({ 2434 layoutMode: 'slider', 2435 mediaQueries: [{ 2436 width: 1600, 2437 cols: 5 2438 }, { 2439 width: 1000, 2440 cols: 4 2441 }, { 2442 width: 800, 2443 cols: 3 2444 }, { 2445 width: 500, 2446 cols: 2 2447 }, { 2448 width: 320, 2449 cols: 1 2450 }], 2451 defaultFilter: '*', 2452 animationType: 'slideDelay', 2453 gapHorizontal: 30, 2454 gapVertical: 30, 2455 gridAdjustment: 'responsive', 2456 caption: 'overlayBottomPush', 2457 displayType: 'sequentially', 2458 displayTypeSpeed: 100, 2459 showPagination: false 2460 }); 2461 2462 // 38. product gallery 2463 $(".product-gallery").cloudSlider({ 2464 width: 1100, 2465 height: 1200, 2466 skin: 'polygon', 2467 navType: 'thumb', 2468 thumb: { 2469 visibility: 'show', 2470 positionOffset: '-10px', 2471 containerBgColor: '#fff', 2472 itemBorderColor: '#fff', 2473 itemOpacity: 0.6, 2474 activatedBorderColor: '#000', 2475 itemMargin: '0px', 2476 itemSize: { 2477 width: 202, 2478 height: 123 2479 } 2480 } 2481 }); 2482 2483 // 39. image gallery1 2484 $('.gallery1').cubeportfolio({ 2485 filters: '#filters-container', 2486 loadMore: '#loadMore-container', 2487 layoutMode: 'grid', 2488 defaultFilter: '*', 2489 animationType: 'flipOutDelay', 2490 gapHorizontal: 30, 2491 gapVertical: 30, 2492 gridAdjustment: 'responsive', 2493 mediaQueries: [{ 2494 width: 1600, 2495 cols: 4 2496 }, { 2497 width: 1000, 2498 cols: 4 2499 }, { 2500 width: 800, 2501 cols: 3 2502 }, { 2503 width: 500, 2504 cols: 2 2505 }, { 2506 width: 320, 2507 cols: 1 2508 }], 2509 caption: 'fadeIn', 2510 displayType: 'lazyLoading', 2511 displayTypeSpeed: 100 2512 }); 2513 2514 // 40. image gallery2 2515 $(".gallery2").cloudSlider({ 2516 width: 1140, 2517 height: 650, 2518 navType: 'thumb', 2519 thumb: { 2520 visibility: 'show', 2521 positionOffset: '-10px', 2522 containerBgColor: '#fff', 2523 itemBorderColor: '#fff', 2524 itemOpacity: 0.6, 2525 activatedBorderColor: '#000', 2526 itemMargin: '0px', 2527 itemSize: { 2528 width: 202, 2529 height: 123 2530 } 2531 } 2532 }); 2533 2534 // 41. cubeportfolio fallback 2535 $(".cbp").on('pluginResize.cbp', function() { 2536 $(".livicon").addLivicon(); 2537 $(".responsive-video").fitVids(); 2538 $('[data-toggle="tooltip"]').tooltip(); 2539 $('.nivo-lightbox').nivoLightbox(); 2540 }); 2541 2542 // 42. thumbs carousel (images slideshow) 2543 $('.thumbs-carousel').owlCarousel({ 2544 loop:true, 2545 margin:0, 2546 nav:true, 2547 items:1, 2548 autoplay:true, 2549 autoplayHoverPause:true, 2550 animateOut:'fadeOut', 2551 animateIn:'fadeIn', 2552 dots: false 2553 }); 2554 2555 // 43. offer carousel (shop-style1 header small thumbnail carousel) 2556 $('.offer-carousel').owlCarousel({ 2557 loop:true, 2558 margin:0, 2559 nav:false, 2560 dots:false, 2561 items:1, 2562 autoplay:true, 2563 autoplayHoverPause:true, 2564 animateOut:'fadeOut', 2565 animateIn:'fadeIn' 2566 }); 2567 2568 // 44. clients carousel (with logos) 2569 $('.our-clients').cubeportfolio({ 2570 layoutMode: 'slider', 2571 drag: true, 2572 auto: true, 2573 autoTimeout: 3000, 2574 autoPauseOnHover: true, 2575 showNavigation: false, 2576 showPagination: false, 2577 rewindNav: true, 2578 scrollByPage: false, 2579 gridAdjustment: 'responsive', 2580 mediaQueries: [{ 2581 width: 1100, 2582 cols: 6 2583 }, { 2584 width: 800, 2585 cols: 5 2586 }, { 2587 width: 500, 2588 cols: 2 2589 }, { 2590 width: 320, 2591 cols: 1 2592 }], 2593 gapHorizontal: 0, 2594 gapVertical: 40, 2595 caption: 'opacity', 2596 displayType: 'lazyLoading', 2597 displayTypeSpeed: 100, 2598 });
2599 2600 // 45. services carousel (featured services) 2601 $('.our-services').cubeportfolio({ 2602 layoutMode: 'slider', 2603 drag: true, 2604 auto: true, 2605 autoTimeout: 3000, 2606 autoPauseOnHover: true, 2607 showNavigation: false, 2608 showPagination: false, 2609 rewindNav: true, 2610 scrollByPage: false, 2611 gridAdjustment: 'responsive', 2612 mediaQueries: [{ 2613 width: 1100, 2614 cols: 3 2615 }, { 2616 width: 800, 2617 cols: 3 2618 }, { 2619 width: 500, 2620 cols: 2 2621 }, { 2622 width: 320, 2623 cols: 1 2624 }], 2625 gapHorizontal: 0, 2626 gapVertical: 30, 2627 caption: '', 2628 displayType: 'lazyLoading', 2629 displayTypeSpeed: 100, 2630 }); 2631 2632 // 46. shop2 slider 2633 $("#shop-slider").cloudSlider({ 2634 width: 1280, 2635 height: 620, 2636 fullSize: false, 2637 fullWidth: true, 2638 progressBarPosition: 'hide', 2639 navType: 'thumb', 2640 autoSlideCarousel: 'combine', 2641 arrow: { 2642 visibility: 'hide' 2643 }, 2644 thumb: { 2645 visibility: 'show', 2646 itemMargin: '3px', 2647 itemOpacity: 0.4, 2648 itemBorderWidth: '1px', 2649 itemBorderColor: '#aaa', 2650 containerBgColor: 'transparent', 2651 activatedBorderColor: '#333' 2652 }, 2653 camera_carousel_option: { 2654 overlay: '-120%', // Overlay for each level - {%}, {px} 2655 duration: 700, // Flow duration 2656 delay: 4000, // Flow Delay 2657 arrow: { 2658 visibility: 'hover', // hide carousel arrow 2659 position: '20px' 2660 }, 2661 itemSize: { 2662 width: 400 2663 }, 2664 level: [{ // Level 2 2665 scale: 0.5, // scale 2666 opacity: 0.2 // opacity 2667 }, { // Level 2 2668 scale: 0.1, // scale 2669 opacity: 0.2 // opacity 2670 }] 2671 }, 2672 rings_carousel_option: { 2673 overlay: '-200%', // Overlay for each level - {%}, {px} 2674 duration: 700, // Flow duration 2675 delay: 6000, // Flow Delay 2676 direction: 'left', // Flow Direction 2677 arrow: { 2678 visibility: 'hover', // hide carousel arrow 2679 position: '20px' 2680 }, 2681 itemSize: { 2682 width: 300 2683 }, 2684 level: [{ // Level 2 2685 scale: 0.5, // scale 2686 opacity: 0.2 // opacity 2687 }, { // Level 2 2688 scale: 0.1, // scale 2689 opacity: 0.2 // opacity 2690 }] 2691 }, 2692 tshirt_carousel_option: { 2693 overlay: '-200%', // Overlay for each level - {%}, {px} 2694 duration: 700, // Flow duration 2695 delay: 5000, // Flow Delay 2696 arrow: { 2697 visibility: 'hover', // hide carousel arrow 2698 position: '20px' 2699 }, 2700 itemSize: { 2701 width: 300 2702 }, 2703 level: [{ // Level 2 2704 scale: 0.5, // scale 2705 opacity: 0.2 // opacity 2706 }, { // Level 2 2707 scale: 0.1, // scale 2708 opacity: 0.2 // opacity 2709 }] 2710 } 2711 }); 2712 2713 // 47. testimonials style1 2714 $('.testimonials-style1').cubeportfolio({ 2715 layoutMode: 'slider', 2716 drag: true, 2717 auto: true, 2718 autoTimeout: 5000, 2719 autoPauseOnHover: true, 2720 showNavigation: false, 2721 showPagination: true, 2722 rewindNav: false, 2723 scrollByPage: false, 2724 gridAdjustment: 'responsive', 2725 mediaQueries: [{ 2726 width: 1, 2727 cols: 1 2728 }], 2729 gapHorizontal: 0, 2730 gapVertical: 0, 2731 caption: '', 2732 displayType: 'default' 2733 }); 2734 2735 // 48. fun facts (counter) 2736 $(".fun-counter").appear(function(){ 2737 var count = $(this); 2738 count.countTo({ 2739 from: 0, 2740 to: count.html(), 2741 speed: 1300, 2742 refreshInterval: 5 2743 }); 2744 }); 2745 2746 // 49. single page navigation settings 2747 $(".navbar .nav a").smoothScroll({speed: 800}); 2748 2749 // 50. campaign monitor subscription 2750 // form settings 2751 $(function () { 2752 $('#campaign-monitor').on('submit', function (e) { 2753 e.preventDefault(); 2754 $.getJSON( 2755 this.action + "?callback=?", 2756 $(this).serialize(), 2757 function (data) { 2758 if (data.Status === 400) { 2759 alert("Error: " + data.Message); 2760 } else { // 200 2761 alert("Success: " + data.Message); 2762 } 2763 }); 2764 }); 2765 }); 2766 2767 // 51. mailchimp settings 2768 $('#mailchimp').ajaxChimp({ 2769 callback: mailchimpCallback, 2770 url: "http://oscodo.us9.list-manage.com/subscribe/post?u=aef5e76b30521b771cf866464&id=f9f9e8db45" 2771 //replace above url with your own mailchimp post url inside the "". 2772 //to learn how to get your own URL, please check documentation file. 2773 }); 2774 function mailchimpCallback(resp) { 2775 if (resp.result === 'success') { 2776 $('#mailchimp .subscription-success').html('<i class="icon_check_alt2"></i>' + resp.msg).fadeIn(1000); 2777 $('#mailchimp .subscription-error').fadeOut(500); 2778 2779 } else if(resp.result === 'error') { 2780 $('#mailchimp .subscription-success').fadeOut(500); 2781 $('#mailchimp .subscription-error').html('<i class="icon_close_alt2"></i>' + resp.msg).fadeIn(1000); 2782 } 2783 } 2784 2785 // 52. faq sortable 2786 $('#js-grid-faq').cubeportfolio({ 2787 filters: '#js-filters-faq', 2788 defaultFilter: '*',
2789 animationType: 'sequentially', 2790 gridAdjustment: 'default', 2791 displayType: 'default', 2792 caption: 'expand', 2793 gapHorizontal: 0, 2794 gapVertical: 0 2795 }); 2796 2797 // 53. team members (carousel) 2798 $('#js-grid-slider-team').cubeportfolio({ 2799 layoutMode: 'slider', 2800 drag: true, 2801 auto: false, 2802 autoTimeout: 5000, 2803 autoPauseOnHover: true, 2804 showNavigation: false, 2805 showPagination: true, 2806 rewindNav: true, 2807 scrollByPage: true, 2808 gridAdjustment: 'responsive', 2809 mediaQueries: [{ 2810 width: 1680, 2811 cols: 5 2812 }, { 2813 width: 1350, 2814 cols: 4 2815 }, { 2816 width: 800, 2817 cols: 3 2818 }, { 2819 width: 480, 2820 cols: 2 2821 }, { 2822 width: 320, 2823 cols: 1 2824 }], 2825 gapHorizontal: 0, 2826 gapVertical: 45, 2827 caption: '', 2828 displayType: 'lazyLoading', 2829 displayTypeSpeed: 400, 2830 }); 2831 2832 // 54. simple tabs 2833 $('#js-grid-tabs').cubeportfolio({ 2834 filters: '#js-filters-tabs', 2835 defaultFilter: '.about', 2836 animationType: 'fadeOutTop', 2837 gridAdjustment: 'default', 2838 displayType: 'default', 2839 caption: '', 2840 }); 2841 2842 // 55. juicy projects mosaic 2843 $('#js-grid-mosaic-projects').cubeportfolio({ 2844 filters: '#js-filters-mosaic-projects1,#js-filters-mosaic-projects2', 2845 loadMore: '#loadMore-container', 2846 loadMoreAction: 'click', 2847 layoutMode: 'mosaic', 2848 defaultFilter: '*', 2849 animationType: 'quicksand', 2850 gapHorizontal: 35, 2851 gapVertical: 30, 2852 gridAdjustment: 'responsive', 2853 mediaQueries: [{ 2854 width: 1500, 2855 cols: 5 2856 }, { 2857 width: 1100, 2858 cols: 4 2859 }, { 2860 width: 800, 2861 cols: 3 2862 }, { 2863 width: 480, 2864 cols: 2 2865 }, { 2866 width: 320, 2867 cols: 1 2868 }], 2869 caption: 'zoom', 2870 displayType: 'sequentially', 2871 displayTypeSpeed: 80, 2872 2873 // lightbox 2874 lightboxDelegate: '.cbp-lightbox', 2875 lightboxGallery: true, 2876 lightboxTitleSrc: 'data-title', 2877 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 2878 }); 2879 2880 // 56. mosaic fullwidth projects 2881 $('#js-grid-full-width').cubeportfolio({ 2882 filters: '#js-filters-full-width', 2883 loadMore: '#js-loadMore-full-width', 2884 loadMoreAction: 'auto', 2885 layoutMode: 'mosaic', 2886 sortToPreventGaps: true, 2887 defaultFilter: '*', 2888 animationType: 'quicksand', 2889 gapHorizontal: 0, 2890 gapVertical: 0, 2891 gridAdjustment: 'responsive', 2892 mediaQueries: [{ 2893 width: 1500, 2894 cols: 5 2895 }, { 2896 width: 1100, 2897 cols: 4 2898 }, { 2899 width: 800, 2900 cols: 3 2901 }, { 2902 width: 480, 2903 cols: 2 2904 }, { 2905 width: 320, 2906 cols: 1 2907 }], 2908 caption: 'zoom', 2909 displayType: 'lazyLoading', 2910 displayTypeSpeed: 100, 2911 2912 // lightbox 2913 lightboxDelegate: '.cbp-lightbox', 2914 lightboxGallery: true, 2915 lightboxTitleSrc: 'data-title', 2916 lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>', 2917 }); 2918 2919 // 57. Initializing shop one slider 2920 $('#shopOneSlider').cloudSlider({ 2921 width: 750, 2922 height: 450, 2923 fullSize: false, 2924 fullWidth: false, 2925 onHoverPause: false, 2926 video: { 2927 autoPlay: true 2928 } 2929 }); 2930 2931 // 58. countdown timer 2932 //countdown timer 2933 //for detailed documentation visit: https://github.com/rendro/countdown/ 2934 $('.countdown').countdown({ 2935 render: function(data) { 2936 $(this.el).html("<div>" + this.leadingZeros(data.days, 3) + " <span>days</span></div><div>" + this.leadingZeros(data.hours, 2) + " <span>hrs</span></div><div>" + this.leadingZeros(data.min, 2) + " <span>min</span></div><div>" + this.leadingZeros(data.sec, 2) + " <span>sec</span></div>"); 2937 } 2938 }); 2939 2940}); 2941// window dot load END
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.