Home JS special effects jQuery effects jQuery slideshow picture parallax scrolling carousel effect

jQuery slideshow picture parallax scrolling carousel effect

jQuery slideshow picture parallax scrolling carousel effect

jQuery slideshow picture parallax scrolling carousel effect

js code

<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">

//The innermost carousel
var mySwiper1 = new Swiper('#swiper1',{
loop: true,
autoplay: 2500,
speed: 600,
autoplayDisableOnInteraction : false
});

//upper carousel
var mySwiper2 = new Swiper('#swiper2',{
loop: true,
autoplay: 2500,
speed: 600,
slidesPerView :2,
autoplayDisableOnInteraction : false
  });




//Forward and back buttons
$(".left").click(function(){
mySwiper1.slidePrev();
mySwiper2.slidePrev();
})
$(".right").click(function(){
mySwiper1.slideNext();
mySwiper2.slideNext();
})

</script>
jQuery+swiper.js slideshow image parallax scrolling carousel effect, a great jQuery image parallax switching code with tags.  

Disclaimer

All resources on this site are contributed by netizens or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this site are for learning reference only. Please do not use them for commercial purposes. Otherwise, you will be responsible for all consequences! If there is any infringement, please contact us to delete it. Contact information: admin@php.cn

Related Article

jQuery slideshow with thumbnail carousel effect code sharing_jquery jQuery slideshow with thumbnail carousel effect code sharing_jquery

16 May 2016

This article mainly introduces jQuery to implement slideshows with thumbnail carousel effects. Images can be replaced by yourself. I recommend it to everyone. Friends in need can refer to it.

jQuery implements picture carousel slide effect jQuery implements picture carousel slide effect

24 Apr 2018

This time I will bring you jQuery to realize the picture carousel slideshow effect. What are the precautions for jQuery to realize the picture carousel slideshow effect? ​​The following is a practical case, let's take a look.

jquery slideshow picture switching effect code sharing_jquery jquery slideshow picture switching effect code sharing_jquery

16 May 2016

This article mainly introduces the slideshow image switching effect of jquery. The slideshow image switching effect is particularly suitable for product demonstrations. If you are interested Friends can refer to it.

jQuery animation effect picture carousel effect_jquery jQuery animation effect picture carousel effect_jquery

16 May 2016

This article mainly introduces the jQuery animation effect picture carousel effect. Pictures can be rotated left and right, which has certain reference value. Interested friends can refer to it.

jQuery animation effect picture carousel implementation (with code) jQuery animation effect picture carousel implementation (with code)

24 Apr 2018

This time I will bring you the jQuery animation effect picture carousel implementation (with code). What are the precautions for jQuery animation effect picture carousel implementation? The following is a practical case, let's take a look. 1. Requirements analysis

The effect of jQuery picture scrolling picture (alternative implementation)_jquery The effect of jQuery picture scrolling picture (alternative implementation)_jquery

16 May 2016

The effect of jQuery image scrolling image (alternative implementation), friends who need it can refer to it

Scroll picture effect jquery achieves convolution scrolling effect_jquery Scroll picture effect jquery achieves convolution scrolling effect_jquery

16 May 2016

Some novice friends may not be very clear about the jquery scrolling image effect. Today I found a convolutional scrolling effect on the Internet and shared it with everyone. Friends who are interested can learn more about it.

jquery single line scrolling, batch multi-line scrolling, text and picture scrolling effect code_jquery jquery single line scrolling, batch multi-line scrolling, text and picture scrolling effect code_jquery

16 May 2016

jquery single-line scrolling, batch multi-line scrolling, text and picture scrolling effect codes, friends in need can refer to it.

Various JQuery loop scrolling text and picture effect codes_jquery Various JQuery loop scrolling text and picture effect codes_jquery

16 May 2016

This article mainly provides you with a variety of JQuery loop scrolling text and image effect codes, horizontal and vertical looping of text or images. Interested friends can refer to it.

See all articles See all articles

Hot Tools

jQuery2019 Valentine's Day Confession Fireworks Animation Special Effects

jQuery2019 Valentine's Day Confession Fireworks Animation Special Effects

A very popular jQuery Valentine's Day confession fireworks animation special effect on Douyin, suitable for programmers and technical geeks to express their love to the girl they love. No matter you choose to be willing or not, you have to agree in the end.

layui responsive animated login interface template

layui responsive animated login interface template

layui responsive animated login interface template

520 Valentine's Day confession web animation special effects

520 Valentine's Day confession web animation special effects

jQuery Valentine's Day Confession Animation, 520 Confession Background Animation

Cool system login page

Cool system login page

Cool system login page

HTML5 tape music player-CASSETTE PLAYER

HTML5 tape music player-CASSETTE PLAYER

HTML5 tape music player-CASSETTE PLAYER