1(function ($) { 2 "use strict"; 3 4 ////text-slider 5 var tp_brand_slide = new Swiper(".tp-text-slide-active", { 6 loop: true, 7 freemode: true, 8 slidesPerView: 'auto', 9 spaceBetween: 30, 10 centeredSlides: true, 11 allowTouchMove: false, 12 speed: 4000, 13 autoplay: { 14 delay: 1, 15 disableOnInteraction: true, 16 }, 17 }); 18 19 20 ////brand-slider 21 var tp_brand_slide = new Swiper(".tp-brand-active", { 22 loop: true, 23 freemode: true, 24 slidesPerView: 'auto', 25 spaceBetween: 30, 26 centeredSlides: true, 27 allowTouchMove: false, 28 speed: 12000, 29 autoplay: { 30 delay: 1, 31 disableOnInteraction: true, 32 }, 33 }); 34 35 ////brand-slider 36 var tp_brand_slide = new Swiper(".ai-brand-slider-active", { 37 loop: true, 38 freemode: true, 39 slidesPerView: 'auto', 40 spaceBetween: 10, 41 centeredSlides: true, 42 allowTouchMove: false, 43 speed: 2000, 44 autoplay: { 45 delay: 1, 46 disableOnInteraction: true, 47 }, 48 }); 49 50 51 ////brand-slider 52 var tp_brand_slide = new Swiper(".ar-brand-active", { 53 loop: true, 54 freemode: true, 55 slidesPerView: 'auto', 56 spaceBetween: 165, 57 centeredSlides: true, 58 allowTouchMove: false, 59 speed: 2000, 60 autoplay: { 61 delay: 1, 62 disableOnInteraction: true, 63 }, 64 }); 65 66 ////text-slider 67 var tp_text_slide = new Swiper(".ai-text-slider-active", { 68 loop: true, 69 freemode: true, 70 slidesPerView: 'auto', 71 spaceBetween: 10, 72 centeredSlides: true, 73 allowTouchMove: false, 74 speed: 8000, 75 autoplay: { 76 delay: 1, 77 disableOnInteraction: true, 78 }, 79 }); 80 81 ////text-slider 82 var tp_text_slide = new Swiper(".crp-text-slider-active", { 83 loop: true, 84 freemode: true, 85 slidesPerView: 'auto', 86 spaceBetween: 40, 87 centeredSlides: true, 88 allowTouchMove: false, 89 speed: 8000, 90 autoplay: { 91 delay: 1, 92 disableOnInteraction: true, 93 }, 94 }); 95 96 ///--------project-slider-----------//// 97 98 document.addEventListener('DOMContentLoaded', function () { 99 100 document.querySelectorAll('.dgm-project-active').forEach(( el)=>{ 101 102 let projectImg = new Swiper(el, { 103 spaceBetween: 40, 104 centeredSlides: true, 105 loop: true, 106 loopedSlides: 3, 107 speed: 1500, 108 navigation: { 109 nextEl: '.dgm-project-next', 110 prevEl: '.dgm-project-prev', 111 }, 112 keyboard: { 113 enabled: true, 114 }, 115 breakpoints: { 116 '1600': { 117 slidesPerView: 3, 118 }, 119 '1400': { 120 slidesPerView: 3, 121 }, 122 '1200': { 123 slidesPerView: 3, 124 }, 125 '992': { 126 slidesPerView: 2, 127 }, 128 '768': { 129 slidesPerView: 2, 130 }, 131 '576': { 132 slidesPerView: 1, 133 }, 134 '0': { 135 slidesPerView: 1, 136 }, 137 }, 138 }); 139 140 //dgm-project-text-active 141 document.querySelectorAll('.dgm-project-text-active').forEach((el) => { 142 let projecttext = new Swiper(el, { 143 spaceBetween: 30, 144 slidesPerView: 1, 145 direction: 'vertical', 146 loop: true, 147 loopedSlides: 3, 148 touchRatio: 0.2, 149 slideToClickedSlide: true, 150 speed: 1500, 151 }); 152 // Linking the two Swipers together 153 projectImg.on("slideChangeTransitionStart", function () { 154 projecttext.slideTo(projectImg.activeIndex); 155 }); 156 projecttext.on("transitionStart", function () { 157 projectImg.slideTo(projecttext.activeIndex); 158 }); 159 }) 160 }); 161 162 }); 163 164 165 ///testimonial-slider 166 var projectImg = new Swiper('.parallax-slider-active', { 167 spaceBetween: 40, 168 centeredSlides: true, 169 loop: true, 170 loopedSlides: 4, 171 speed: 1500, 172 navigation: { 173 prevEl: '.dgm-project-prev', 174 nextEl: '.dgm-project-next', 175 }, 176 keyboard: { 177 enabled: true, 178 }, 179 breakpoints: { 180 '1600': { 181 slidesPerView: 4, 182 }, 183 '1400': { 184 slidesPerView: 3, 185 }, 186 '1200': { 187 slidesPerView: 3, 188 }, 189 '992': { 190 slidesPerView: 2, 191 }, 192 '768': { 193 slidesPerView: 2, 194 }, 195 '576': { 196 slidesPerView: 1, 197 }, 198 '0': { 199 slidesPerView: 1, 200 }, 201 }, 202 }); 203 204 205 ////project-slider 206 var project_slider = new Swiper('.it-project-active', { 207 slidesPerView: 4, 208 loop: true, 209 autoplay: false, 210 arrow: false, 211 spaceBetween: 30, 212 speed: 1000, 213 breakpoints: { 214 '1600': { 215 slidesPerView: 4, 216 }, 217 '1400': { 218 slidesPerView: 4, 219 }, 220 '1200': { 221 slidesPerView: 4, 222 }, 223 '992': { 224 slidesPerView: 4, 225 }, 226 '768': { 227 slidesPerView: 3, 228 }, 229 '576': { 230 slidesPerView: 2, 231 }, 232 '0': { 233 slidesPerView: 1, 234 }, 235 }, 236 navigation: { 237 prevEl: '.it-project-prev', 238 nextEl: '.it-project-next', 239 }, 240 pagination: { 241 el: ".it-project-dots", 242 clickable: true, 243 },
244 a11y: false, 245 }); 246 247 248 ////testimonial-slider 249 var testimonial_2 = new Swiper('.tp-testimonial-slider-active', { 250 slidesPerView: 6, 251 loop: true, 252 autoplay: false, 253 arrow: false, 254 spaceBetween: 0, 255 speed: 1000, 256 breakpoints: { 257 '1600': { 258 slidesPerView: 6, 259 }, 260 '1400': { 261 slidesPerView: 5, 262 }, 263 '1200': { 264 slidesPerView: 4, 265 }, 266 '992': { 267 slidesPerView: 4, 268 }, 269 '768': { 270 slidesPerView: 3, 271 }, 272 '576': { 273 slidesPerView: 1, 274 }, 275 '0': { 276 slidesPerView: 1, 277 }, 278 }, 279 a11y: false, 280 }); 281 282 ////team-slider 283 var team = new Swiper('.tp-team-slider-active', { 284 slidesPerView: 5, 285 loop: true, 286 autoplay: false, 287 arrow: false, 288 spaceBetween: 30, 289 speed: 8000, 290 autoplay: { 291 delay: 1, 292 }, 293 breakpoints: { 294 '1600': { 295 slidesPerView: 5, 296 }, 297 '1400': { 298 slidesPerView: 5, 299 }, 300 '1200': { 301 slidesPerView: 4, 302 }, 303 '992': { 304 slidesPerView: 4, 305 }, 306 '768': { 307 slidesPerView: 3, 308 }, 309 '576': { 310 slidesPerView: 1, 311 }, 312 '0': { 313 slidesPerView: 1, 314 }, 315 }, 316 a11y: false, 317 }); 318 319 ////career-slider 320 var career = new Swiper('.tp-career-slider-active', { 321 slidesPerView: 5, 322 loop: true, 323 autoplay: false, 324 arrow: false, 325 spaceBetween: 30, 326 speed: 5000, 327 autoplay: { 328 delay: 1, 329 }, 330 breakpoints: { 331 '1400': { 332 slidesPerView: 5, 333 }, 334 '1200': { 335 slidesPerView: 4, 336 }, 337 '992': { 338 slidesPerView: 4, 339 }, 340 '768': { 341 slidesPerView: 3, 342 }, 343 '576': { 344 slidesPerView: 2, 345 }, 346 '0': { 347 slidesPerView: 1.5, 348 }, 349 }, 350 a11y: false, 351 }); 352 353 ////service-4-slider 354 var service = new Swiper('.tp-service-4-solution-active', { 355 slidesPerView: 3, 356 loop: true, 357 autoplay: false, 358 arrow: false, 359 spaceBetween: 30, 360 pagination: { 361 el: ".tp-service-4-dot", 362 clickable: true, 363 }, 364 breakpoints: { 365 '1600': { 366 slidesPerView: 3, 367 }, 368 '1400': { 369 slidesPerView: 3, 370 }, 371 '1200': { 372 slidesPerView: 2, 373 }, 374 '992': { 375 slidesPerView: 2, 376 }, 377 '768': { 378 slidesPerView: 1.5, 379 }, 380 '576': { 381 slidesPerView: 1, 382 }, 383 '0': { 384 slidesPerView: 1, 385 }, 386 }, 387 a11y: false, 388 }); 389 390 //----testimonial-slider-------// 391 const progressBar = $(".shop-slider-progress-bar"); 392 var gallery = new Swiper('.ar-testimonial-active', { 393 slidesPerView: 1, 394 loop: true, 395 autoplay: true, 396 arrow: false, 397 spaceBetween: 0, 398 speed: 1000, 399 navigation: { 400 prevEl: '.ar-testimonial-prev', 401 nextEl: '.ar-testimonial-next', 402 }, 403 pagination: { 404 405 el: '#paginations', 406 type: 'custom', 407 renderCustom: function (swiper, current, total) { 408 let zero = total > 9 ? '' : '0'; 409 let index = zero + current 410 let all = zero + total 411 let html = `<div class="shop-slider-pagination"> 412 <span>${index}</span> 413 <span>${all}</span> 414 </div>`; 415 return html; 416 } 417 } 418 419 }); 420 421 422 //--------brand-slider-------// 423 var dgm_brand_active = new Swiper('.dgm-brand-active', { 424 slidesPerView: 6, 425 loop: true, 426 autoplay: true, 427 arrow: false, 428 spaceBetween: 0, 429 speed: 1000, 430 breakpoints: { 431 '1600': { 432 slidesPerView: 6, 433 }, 434 '1400': { 435 slidesPerView: 5, 436 }, 437 '1200': { 438 slidesPerView: 5, 439 }, 440 '992': { 441 slidesPerView: 5, 442 }, 443 '768': { 444 slidesPerView: 3, 445 }, 446 '576': { 447 slidesPerView: 3, 448 }, 449 '0': { 450 slidesPerView: 2, 451 }, 452 }, 453 a11y: false, 454 455 }); 456 //--------portfolio-slider-------// 457 var dgm_brand_active = new Swiper('.portfolio-slider-1', { 458 slidesPerView: 6, 459 loop: true, 460 autoplay: true, 461 arrow: false, 462 spaceBetween: 0, 463 speed: 1000, 464 spaceBetween: 10, 465 breakpoints: { 466 '1600': { 467 slidesPerView: 5, 468 }, 469 '1400': { 470 slidesPerView: 4, 471 }, 472 '1200': { 473 slidesPerView: 4, 474 }, 475 '992': { 476 slidesPerView: 3, 477 }, 478 '768': { 479 slidesPerView: 1, 480 }, 481 '576': { 482 slidesPerView: 1, 483 }, 484 '0': { 485 slidesPerView: 1, 486 }, 487 }, 488 a11y: false, 489 490 }); 491 //-----instagram-slider------// 492 var dgm_brand_active = new Swiper('.ai-instagram-active', { 493 slidesPerView: 6, 494 loop: true, 495 autoplay: true, 496 arrow: false, 497 spaceBetween: 0, 498 speed: 1000, 499 breakpoints: { 500 '1600': { 501 slidesPerView: 6, 502 }, 503 '1400': { 504 slidesPerView: 5, 505 }, 506 '1200': { 507 slidesPerView: 4, 508 }, 509 '992': { 510 slidesPerView: 4, 511 }, 512 '768': { 513 slidesPerView: 3, 514 }, 515 '576': { 516 slidesPerView: 2, 517 }, 518 '0': { 519 slidesPerView: 1 520 }, 521 },
522 a11y: false, 523 524 }); 525 526 //------brand-slider-------// 527 var tp_text_slide = new Swiper(".creative-brand-active", { 528 loop: true, 529 freemode: true, 530 slidesPerView: 6, 531 spaceBetween: 0, 532 centeredSlides: true, 533 allowTouchMove: false, 534 speed: 3000, 535 autoplay: { 536 delay: 1, 537 disableOnInteraction: true, 538 }, 539 breakpoints: { 540 '1600': { 541 slidesPerView: 6, 542 }, 543 '1400': { 544 slidesPerView: 5, 545 }, 546 '1200': { 547 slidesPerView: 5, 548 }, 549 '992': { 550 slidesPerView: 4, 551 }, 552 '768': { 553 slidesPerView: 3, 554 }, 555 '576': { 556 slidesPerView: 3, 557 }, 558 '0': { 559 slidesPerView: 2 560 }, 561 }, 562 }); 563 564 //------brand-slider---------// 565 var tp_text_slide = new Swiper(".design-hero-slide-active", { 566 loop: true, 567 freemode: true, 568 spaceBetween: 40, 569 slidesPerView: 'auto', 570 centeredSlides: true, 571 allowTouchMove: false, 572 speed: 14000, 573 autoplay: { 574 delay: 1, 575 disableOnInteraction: true, 576 }, 577 }); 578 579 //-----brand-slider---------// 580 var tp_text_slide = new Swiper(".app-brand-active", { 581 loop: true, 582 freemode: true, 583 slidesPerView: 4, 584 spaceBetween: 0, 585 centeredSlides: true, 586 allowTouchMove: false, 587 speed: 3000, 588 autoplay: { 589 delay: 1, 590 disableOnInteraction: true, 591 }, 592 breakpoints: { 593 '1600': { 594 slidesPerView: 4, 595 }, 596 '1400': { 597 slidesPerView: 4, 598 }, 599 '1200': { 600 slidesPerView: 4, 601 }, 602 '992': { 603 slidesPerView: 4, 604 }, 605 '768': { 606 slidesPerView: 3, 607 }, 608 '576': { 609 slidesPerView: 3, 610 }, 611 '0': { 612 slidesPerView: 2 613 }, 614 }, 615 }); 616 617 618 //------brand-slider-------// 619 var tp_text_slide = new Swiper(".st-brand-active", { 620 loop: true, 621 freemode: true, 622 slidesPerView: 4, 623 spaceBetween: 0, 624 centeredSlides: true, 625 allowTouchMove: false, 626 speed: 3000, 627 autoplay: { 628 delay: 1, 629 disableOnInteraction: true, 630 }, 631 breakpoints: { 632 '1600': { 633 slidesPerView: 4, 634 }, 635 '1400': { 636 slidesPerView: 4, 637 }, 638 '1200': { 639 slidesPerView: 4, 640 }, 641 '992': { 642 slidesPerView: 4, 643 }, 644 '768': { 645 slidesPerView: 3, 646 }, 647 '576': { 648 slidesPerView: 3, 649 }, 650 '0': { 651 slidesPerView: 2 652 }, 653 }, 654 }); 655 656 //------testimonial-slider-------// 657 var testi_active = new Swiper('.design-testimonial-active', { 658 slidesPerView: 4, 659 speed: 1000, 660 loop: true, 661 arrow: false, 662 autoplay: true, 663 spaceBetween: 10, 664 breakpoints: { 665 '1600': { 666 slidesPerView: 4, 667 }, 668 '1400': { 669 slidesPerView: 4, 670 }, 671 '1200': { 672 slidesPerView: 2, 673 }, 674 '992': { 675 slidesPerView: 2, 676 }, 677 '768': { 678 slidesPerView: 1, 679 }, 680 '576': { 681 slidesPerView: 1, 682 }, 683 '0': { 684 slidesPerView: 1, 685 }, 686 }, 687 a11y: false, 688 }); 689 690 //------testimonial-slider------// 691 var creative_active = new Swiper('.studio-step-slider-active', { 692 slidesPerView: 3, 693 speed: 1000, 694 loop: true, 695 arrow: false, 696 autoplay: true, 697 spaceBetween: 20, 698 breakpoints: { 699 '1600': { 700 slidesPerView: 3, 701 }, 702 '1400': { 703 slidesPerView: 3, 704 }, 705 '1200': { 706 slidesPerView: 2, 707 }, 708 '992': { 709 slidesPerView: 2, 710 }, 711 '768': { 712 slidesPerView: 1, 713 }, 714 '576': { 715 slidesPerView: 1, 716 }, 717 '0': { 718 slidesPerView: 1, 719 }, 720 }, 721 a11y: false, 722 723 }); 724 725 //----testimonial-slider----------// 726 var creative_testimonial = new Swiper('.creative-testimonial-active', { 727 slidesPerView: 3, 728 loop: true, 729 autoplay: false, 730 arrow: false, 731 spaceBetween: 30, 732 speed: 1000, 733 breakpoints: { 734 '1600': { 735 slidesPerView: 3, 736 }, 737 '1400': { 738 slidesPerView: 3, 739 }, 740 '1200': { 741 slidesPerView: 3, 742 }, 743 '992': { 744 slidesPerView: 2, 745 }, 746 '768': { 747 slidesPerView: 2, 748 }, 749 '576': { 750 slidesPerView: 1, 751 }, 752 '0': { 753 slidesPerView: 1, 754 }, 755 }, 756 a11y: false, 757 navigation: { 758 prevEl: '.creative-testimonial-prev', 759 nextEl: '.creative-testimonial-next', 760 }, 761 // scrollbar 762 scrollbar: { 763 el: ".tp-scrollbar", 764 clickable: true, 765 }, 766 767 }); 768 769 //video-testimonial-slider 770 var video_testimonial = new Swiper('.video-testimonial-active', { 771 slidesPerView: 3, 772 loop: true, 773 autoplay: false, 774 arrow: false, 775 spaceBetween: 30, 776 speed: 1000, 777 breakpoints: { 778 '1600': { 779 slidesPerView: 3, 780 }, 781 '1400': { 782 slidesPerView: 3, 783 }, 784 '1200': { 785 slidesPerView: 3, 786 }, 787 '992': { 788 slidesPerView: 2, 789 }, 790 '768': { 791 slidesPerView: 2, 792 }, 793 '576': { 794 slidesPerView: 1, 795 }, 796 '0': { 797 slidesPerView: 1, 798 }, 799 },
800 a11y: false, 801 navigation: { 802 prevEl: '.video-testimonial-prev', 803 nextEl: '.video-testimonial-next', 804 }, 805 806 }); 807 808 //testimonial-slider 809 var showcase = new Swiper('.dgm-testimonial-active', { 810 slidesPerView: 1, 811 loop: true, 812 autoplay: false, 813 arrow: false, 814 spaceBetween: 0, 815 speed: 1000, 816 pagination: { 817 el: ".dgm-testimonial-dot", 818 clickable: true, 819 }, 820 a11y: false, 821 }); 822 823 //portfolio-slider 824 var showcase = new Swiper('.tp-pd-2-active', { 825 slidesPerView: 3, 826 loop: true, 827 autoplay: false, 828 arrow: false, 829 spaceBetween: 20, 830 speed: 1000, 831 pagination: { 832 el: ".tp-pd-2-dot", 833 clickable: true, 834 }, 835 breakpoints: { 836 '1600': { 837 slidesPerView: 3, 838 }, 839 '1400': { 840 slidesPerView: 3, 841 }, 842 '1200': { 843 slidesPerView: 3, 844 }, 845 '992': { 846 slidesPerView: 2, 847 }, 848 '768': { 849 slidesPerView: 2, 850 }, 851 '576': { 852 slidesPerView: 1, 853 }, 854 '0': { 855 slidesPerView: 1, 856 }, 857 }, 858 }); 859 860 861 //portfolio-slider 862 var showcase = new Swiper('.tp-pd-4-slider-active', { 863 slidesPerView: 3, 864 loop: true, 865 autoplay: false, 866 arrow: false, 867 spaceBetween: 30, 868 speed: 1000, 869 breakpoints: { 870 '1600': { 871 slidesPerView: 3, 872 }, 873 '1400': { 874 slidesPerView: 3, 875 }, 876 '1200': { 877 slidesPerView: 3, 878 }, 879 '992': { 880 slidesPerView: 2, 881 }, 882 '768': { 883 slidesPerView: 2, 884 }, 885 '576': { 886 slidesPerView: 1, 887 }, 888 '0': { 889 slidesPerView: 1, 890 }, 891 }, 892 }); 893 894 895 //portfolio-slider 896 var showcase = new Swiper('.tp-pd-5-light-active', { 897 slidesPerView: 5, 898 loop: true, 899 autoplay: true, 900 arrow: false, 901 spaceBetween: 30, 902 speed: 1000, 903 breakpoints: { 904 '1600': { 905 slidesPerView: 5, 906 }, 907 '1400': { 908 slidesPerView: 5, 909 }, 910 '1200': { 911 slidesPerView: 4, 912 }, 913 '992': { 914 slidesPerView: 3, 915 }, 916 '768': { 917 slidesPerView: 3, 918 }, 919 '576': { 920 slidesPerView: 2, 921 }, 922 '0': { 923 slidesPerView: 1, 924 }, 925 }, 926 }); 927 928 929 let lastPercent = 0; 930 931 function updateProgress(current, total) { 932 const targetPercent = Math.round((current / (total - 1)) * 100); 933 const circle = document.querySelector('.circle'); 934 const text = document.querySelector('.percentage-text'); 935 936 let currentPercent = lastPercent; 937 938 const interval = setInterval(() => { 939 if (currentPercent === targetPercent) { 940 clearInterval(interval); 941 } else { 942 currentPercent += (currentPercent < targetPercent) ? 1 : -1; 943 circle.setAttribute('stroke-dasharray', `${currentPercent}, 100`); 944 text.textContent = `${currentPercent}%`; 945 } 946 }, 10); 947 948 lastPercent = targetPercent; 949 } 950 951 $(document).ready(function () { 952 $('.tp-pd-6-hero-slider-active').on('init', function (event, slick) { 953 $('#total-slides').text(slick.slideCount); 954 $('#current-slide').text(slick.currentSlide + 1); 955 updateProgress(slick.currentSlide, slick.slideCount); 956 }).on('beforeChange', function (event, slick, currentSlide, nextSlide) { 957 $('#current-slide').text(nextSlide + 1); 958 updateProgress(nextSlide, slick.slideCount); 959 }).slick({ 960 slidesToShow: 2, 961 slidesToScroll: 1, 962 arrows: false, 963 dots: false, 964 vertical: true, 965 verticalSwiping: true, 966 autoplay: false, 967 responsive: [ 968 { 969 breakpoint: 992, 970 settings: { 971 slidesToShow: 1, 972 slidesToScroll: 1, 973 vertical: false, 974 dots: true, 975 verticalSwiping: false, 976 } 977 }, 978 { 979 breakpoint: 480, 980 settings: { 981 slidesToShow: 1, 982 slidesToScroll: 1, 983 vertical: false, 984 dots: true, 985 verticalSwiping: false, 986 } 987 } 988 ] 989 }); 990 991 $('.tp-pd-6-hero-slider-active').on('wheel', function (e) { 992 e.preventDefault(); 993 if (e.originalEvent.deltaY < 0) { 994 $(this).slick('slickPrev'); 995 } else { 996 $(this).slick('slickNext'); 997 } 998 }); 999 }); 1000 1001 1002 1003 //testimonial-slider 1004 var testi_active = new Swiper('.it-testimonial-active', { 1005 slidesPerView: 1, 1006 loop: true, 1007 arrow: false, 1008 autoplay: true, 1009 spaceBetween: 30, 1010 speed: 1500, 1011 navigation: { 1012 nextEl: '.it-testimonial-next', 1013 prevEl: '.it-testimonial-prev', 1014 }, 1015 }); 1016 1017 1018 //----testimonial-slider------// 1019 var testi_active = new Swiper('.cr-testimonial-active', { 1020 slidesPerView: 1, 1021 loop: true,
1022 arrow: false, 1023 autoplay: true, 1024 spaceBetween: 30, 1025 speed: 1500, 1026 navigation: { 1027 nextEl: '.cr-testimonial-next', 1028 prevEl: '.cr-testimonial-prev', 1029 }, 1030 }); 1031 1032 //-----testimonial-slider-------// 1033 var testi_active = new Swiper('.st-testimonial-active', { 1034 slidesPerView: 1.7, 1035 arrow: false, 1036 loop: true, 1037 spaceBetween: 30, 1038 breakpoints: { 1039 '1200': { 1040 slidesPerView: 1.7, 1041 }, 1042 '992': { 1043 slidesPerView: 1.7, 1044 }, 1045 '768': { 1046 slidesPerView: 2, 1047 }, 1048 '576': { 1049 slidesPerView: 1, 1050 }, 1051 '0': { 1052 slidesPerView: 1, 1053 }, 1054 }, 1055 }); 1056 var testi_active = new Swiper('.trust', { 1057 slidesPerView: 1, 1058 arrow: false, 1059 loop: true, 1060 autoplay: true, 1061 speed: 1500, 1062 spaceBetween: 30, 1063 breakpoints: { 1064 '1200': { 1065 slidesPerView: 3, 1066 }, 1067 '992': { 1068 slidesPerView: 3, 1069 }, 1070 '768': { 1071 slidesPerView: 2, 1072 }, 1073 '576': { 1074 slidesPerView: 1, 1075 }, 1076 '0': { 1077 slidesPerView: 1, 1078 }, 1079 }, 1080 }); 1081 1082 //------ Home-Slider js-------// 1083 $('.ai-hero-slider-1').slick({ 1084 speed: 10000, 1085 autoplay: true, 1086 autoplaySpeed: 0, 1087 cssEase: 'linear', 1088 slidesPerRow: 1, 1089 slidesToShow: 4, 1090 arrows: false,
1091 buttons: false, 1092 vertical: true, 1093 verticalSwiping: true, 1094 responsive: [ 1095 { 1096 breakpoint: 1200, 1097 settings: { 1098 } 1099 }, 1100 { 1101 breakpoint: 992, 1102 settings: { 1103 } 1104 }, 1105 { 1106 breakpoint: 768, 1107 settings: { 1108 slidesToShow: 3, 1109 } 1110 }, 1111 { 1112 breakpoint: 480, 1113 settings: { 1114 slidesToShow: 3, 1115 } 1116 } 1117 ] 1118 }); 1119 1120 //------ Home-Slider js------// 1121 $('.ai-hero-slider-2').slick({ 1122 speed: 10000, 1123 autoplay: true, 1124 autoplaySpeed: 0, 1125 cssEase: 'linear', 1126 slidesPerRow: 1, 1127 slidesToShow: 4, 1128 arrows: false, 1129 buttons: false, 1130 vertical: true, 1131 verticalSwiping: true, 1132 responsive: [ 1133 { 1134 breakpoint: 1200, 1135 settings: { 1136 } 1137 }, 1138 { 1139 breakpoint: 992, 1140 settings: { 1141 } 1142 }, 1143 { 1144 breakpoint: 768, 1145 settings: { 1146 slidesToShow: 3, 1147 } 1148 }, 1149 { 1150 breakpoint: 480, 1151 settings: { 1152 slidesToShow: 3, 1153 } 1154 } 1155 ] 1156 }); 1157 1158 //------ Product Related -------// 1159 testi_active.on('sliderMove', function(slider, ev){ 1160 slider.$el.addClass('dragged') 1161 }) 1162 1163 testi_active.on('transitionEnd', function(slider){ 1164 slider.$el.removeClass('dragged') 1165 }) 1166 1167 //------postbox-slider-----// 1168 var postbox_active = new Swiper('.postbox-slider-active', { 1169 slidesPerView: 1, 1170 loop: true, 1171 autoplay: false, 1172 arrow: false, 1173 spaceBetween: 0, 1174 speed: 1000, 1175 breakpoints: { 1176 '1400': { 1177 slidesPerView: 1, 1178 } 1179 }, 1180 a11y: false, 1181 1182 // Navigation arrows 1183 navigation: { 1184 prevEl: '.postbox-arrow-prev', 1185 nextEl: '.postbox-arrow-next', 1186 }, 1187 1188 }); 1189 1190 //------parallax-slider-----// 1191 var parallax_slider = new Swiper(".tp-showcase-slider-active", { 1192 speed: 1500, 1193 autoplay: { 1194 delay: 5000, 1195 }, 1196 parallax: true, 1197 mousewheel: true, 1198 loop: true, 1199 on: { 1200 init: function () { 1201 var swiper = this; 1202 for (var i = 0; i < swiper.slides.length; i++) { 1203 $(swiper.slides[i]) 1204 .find('.tp-showcase-slider-bg') 1205 .attr({'data-swiper-parallax': 0.75 * swiper.width}); 1206 } 1207 }, 1208 resize: function () { 1209 this.update(); 1210 } 1211 }, 1212 pagination: { 1213 el: '.tp-showcase-slider-main .swiper-pagination', 1214 clickable: true, 1215 renderBullet: function (index, className) { 1216 return`<span class="${className}"> 1217 <svg class="fp-arc-loader" width="16" height="16" viewBox="0 0 16 16"> 1218 <circle class="path" cx="8" cy="8" r="5.5" fill="none" transform="rotate(-90 8 8)" stroke="#FFF" stroke-opacity="1" stroke-width="1px"></circle> 1219 <circle cx="8" cy="8" r="3" fill="#FFF"></circle> 1220 </svg> 1221 </span>`; 1222 }, 1223 1224 }, 1225 navigation: { 1226 nextEl: ".swiper-button-next", 1227 prevEl: ".swiper-button-prev", 1228 } 1229 }); 1230 1231 //------coverflow-slider-----// 1232 document.addEventListener('DOMContentLoaded', function () { 1233 document.querySelectorAll('.coverflow-slider-main').forEach(( el)=>{ 1234 var coverflow_thumb_slider = new Swiper('.coverflow-slider-active', { 1235 loop: true, 1236 effect: "coverflow", 1237 autoHeight: true, 1238 mousewheel: false, 1239 speed: 1500, 1240 slidesPerView: 1, 1241 spaceBetween: 0, 1242 centeredSlides: true, 1243 grabCursor: false, 1244 loopedSlides: 3, 1245 keyboard: { 1246 enabled: true, 1247 }, 1248 autoplay: { 1249 delay: 1500, 1250 }, 1251 pagination: { 1252 el: '.swiper-pagination', 1253 clickable: true, 1254 }, 1255 navigation: { 1256 nextEl: '.coverflow-slider-next', 1257 prevEl: '.coverflow-slider-prev', 1258 clickable: true, 1259 }, 1260 breakpoints: { 1261 600: { 1262 slidesPerView: 2, 1263 }, 1264 991: { 1265 slidesPerView: 3, 1266 }, 1267 1400: { 1268 slidesPerView: 4, 1269 }, 1270 } 1271 }); 1272 // // dgm-project-text-active 1273 document.querySelectorAll('.coverflow-slider-text-active').forEach((el) => { 1274 let coverflow_text_slider = new Swiper(el, { 1275 spaceBetween: 30, 1276 slidesPerView: 1, 1277 direction: 'vertical', 1278 loop: true, 1279 loopedSlides: 3, 1280 touchRatio: 0.2, 1281 slideToClickedSlide: true, 1282 speed: 1500, 1283 }); 1284 // Linking the two Swipers together 1285 coverflow_thumb_slider.on("slideChangeTransitionStart", function () { 1286 coverflow_text_slider.slideTo(coverflow_thumb_slider.activeIndex); 1287 }); 1288 coverflow_text_slider.on("transitionStart", function () { 1289 coverflow_thumb_slider.slideTo(coverflow_text_slider.activeIndex); 1290 }); 1291 }) 1292 }); 1293 }); 1294 1295 //----text-slider------// 1296 var text_slider_option = document.querySelector(".tp-text-slider-4-active"); 1297 if (text_slider_option) { 1298 1299 var text_slider_speed = 300000 1300 var text_slider_autoplay = true 1301 var loop_value = true 1302 var data_itemshow = "auto" 1303
1304 if (text_slider_option.getAttribute("data-sliderSpeed")) { 1305 text_slider_speed = parseInt(text_slider_option.getAttribute("data-sliderSpeed")); 1306 } 1307 if (text_slider_option.getAttribute("data-autoPlay")) { 1308 text_slider_autoplay = text_slider_option.getAttribute("data-autoPlay") 1309 } 1310 1311 if (text_slider_option.getAttribute("data-loop")) { 1312 loop_value = text_slider_option.getAttribute("data-loop") 1313 } 1314 if (text_slider_option.getAttribute("data-itemShow")) { 1315 data_itemshow = text_slider_option.getAttribute("data-itemShow") 1316 } 1317 if (text_slider_autoplay == 'true') { 1318 var text_slider = new Swiper(".tp-text-slider-4-active", { 1319 loop: loop_value, 1320 speed: text_slider_speed, 1321 allowTouchMove: false, 1322 slidesPerView: data_itemshow, 1323 slidesPerGroup: 10, 1324 spaceBetween: 20, 1325 autoplay: { 1326 delay: 0, 1327 disableOnInteraction: true, 1328 } 1329 }); 1330 } 1331 else { 1332 var text_slider = new Swiper(".tp-text-slider-4-active", { 1333 loop: loop_value, 1334 speed: text_slider_speed, 1335 allowTouchMove: false, 1336 slidesPerView: data_itemshow, 1337 slidesPerGroup: 10, 1338 spaceBetween: 20, 1339 autoplay: false, 1340 }); 1341 } 1342 }; 1343 1344 //// slider-for //// 1345 $('.slider-for-1').slick({ 1346 slidesToShow: 1, 1347 slidesToScroll: 1, 1348 arrows: false, 1349 fade: true, 1350 asNavFor: '.slider-nav-1' 1351 }); 1352 $('.slider-nav-1').slick({ 1353 slidesToShow: 3, 1354 slidesToScroll: 1, 1355 vertical:true, 1356 asNavFor: '.slider-for-1', 1357 dots: false, 1358 arrows: false, 1359 focusOnSelect: true, 1360 verticalSwiping: true, 1361 responsive: [ 1362 { 1363 breakpoint: 1400, 1364 settings: { 1365 slidesToShow: 2, 1366 } 1367 } 1368 ] 1369 }); 1370 1371 // text_slide_shop 1372 var text_slide_shop = new Swiper(".shop-text-slider-active", { 1373 loop: true, 1374 speed: 3000, 1375 freemode: true, 1376 slidesPerView: 5, 1377 spaceBetween: 0, 1378 centeredSlides: true, 1379 allowTouchMove: false, 1380 autoplay: { 1381 delay: 1, 1382 disableOnInteraction: true, 1383 }, 1384 breakpoints: { 1385 '1400': { 1386 slidesPerView: 5, 1387 }, 1388 '1200': { 1389 slidesPerView: 4, 1390 }, 1391 '992': { 1392 slidesPerView: 3, 1393 }, 1394 '768': { 1395 slidesPerView: 3, 1396 }, 1397 '576': { 1398 slidesPerView: 2, 1399 }, 1400 '380': { 1401 slidesPerView: 1, 1402 }, 1403 }, 1404 }); 1405 1406 ///////////////////////////// 1407 // shop slider 1408 var slider = new Swiper('.tp-hero-shop-2-active', { 1409 slidesPerView: 1, 1410 effect: 'fade', 1411 loop: true, 1412 // autoplay: { 1413 // delay: 3500, 1414 // }, 1415 // Navigation arrows 1416 pagination: { 1417 el: ".tp-hero-shop-dot", 1418 clickable: true, 1419 }, 1420 navigation: {
1421 prevEl: '.tp-hero-shop-prev', 1422 nextEl: '.tp-hero-shop-next', 1423 }, 1424 }); 1425 1426 ////portfolio-slider 1427 $('.tp-portfolio-11-slider-active').slick({ 1428 slidesToShow: 1, 1429 slidesToScroll: 1, 1430 prevArrow: '<button type="button" class="slick-prev"><i class="fa-light fa-angle-left"></i></button>', 1431 nextArrow: '<button type="button" class="slick-next"><i class="fa-light fa-angle-right"></i></button>', 1432 arrows: true, 1433 fade: false, 1434 asNavFor: '.tp-portfolio-11-slider-nav-active', 1435 fade: true, 1436 speed: 1000, 1437 }); 1438 1439 var helpers = { 1440 addZeros: function (n) { 1441 return (n < 10) ? '0' + n : '' + n; 1442 } 1443 }; 1444 1445 function sliderInit() { 1446 var $slider = $('.tp-portfolio-11-slider-nav-active'); 1447 $slider.each(function () { 1448 var $sliderParent = $(this).parent(); 1449 $(this).slick({ 1450 slidesToShow: 4, 1451 slidesToScroll: 1, 1452 asNavFor: '.tp-portfolio-11-slider-active', 1453 arrows: true, 1454 prevArrow: '<button type="button" class="slick-prev"><i class="fa-light fa-angle-left"></i></button>', 1455 nextArrow: '<button type="button" class="slick-next"><i class="fa-light fa-angle-right"></i></button>', 1456 dots: false, 1457 focusOnSelect: true, 1458 centerPadding: '0', 1459 speed: 600, 1460 responsive: [ 1461 { 1462 breakpoint: 1600, 1463 settings: { 1464 slidesToShow: 3, 1465 } 1466 }, 1467 { 1468 breakpoint: 1400, 1469 settings: { 1470 slidesToShow: 2, 1471 } 1472 }, 1473 { 1474 breakpoint: 1200, 1475 settings: { 1476 slidesToShow: 2, 1477 } 1478 }, 1479 { 1480 breakpoint: 992, 1481 settings: { 1482 arrows: false, 1483 slidesToShow: 4, 1484 } 1485 }, 1486 { 1487 breakpoint: 768, 1488 settings: { 1489 arrows: false, 1490 slidesToShow: 4, 1491 } 1492 }, 1493 { 1494 breakpoint: 768, 1495 settings: { 1496 arrows: false, 1497 slidesToShow: 4, 1498 } 1499 }, 1500 { 1501 breakpoint: 480, 1502 settings: { 1503 arrows: false, 1504 slidesToShow: 4, 1505 } 1506 }, 1507 ] 1508 }); 1509 1510 if ($(this).find('.tp-portfolio-11-slider-nav-item').length > 1) { 1511 $(this).siblings('.slides-number').show(); 1512 } 1513 $(this).on('afterChange', function (event, slick, currentSlide) { 1514 $sliderParent.find('.slides-number .active').html(helpers.addZeros(currentSlide + 1)); 1515 }); 1516 1517 }); 1518 }; 1519 sliderInit(); 1520 1521 1522})(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.