且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

响应式图像幻灯片

更新时间:2023-02-14 07:54:45

(function slideshow(){


var currentPosition = 0;
var slideWidth = 500;


var slides =
( function slideshow () { var currentPosition = 0; var slideWidth =500; var slides =


('。slide');
slides.css('width',slideWidth);

var numberOfSlides = slides.length;
var slideShowInterval;
var speed = 2000;
//分配一个计时器,因此它将定期运行
slideShowInterval = setInterval(changePosition,speed);
slides.wrapAll('< div id =slidesHolder>< / div>')
slides.css({'float':'left'
});
//设置#slidesHolder宽度等于所有幻灯片的总宽度
('.slide'); slides.css('width', slideWidth); var numberOfSlides = slides.length; var slideShowInterval; var speed = 2000; //Assign a timer, so it will run periodically slideShowInterval = setInterval(changePosition, speed); slides.wrapAll('<div id="slidesHolder"></div>') slides.css({ 'float': 'left' }); //set #slidesHolder width equal to the total width of all the slides


('#slidesHolder')。css('width',slideWidth * numberOfSlides);
('#slidesHolder').css('width', slideWidth * numberOfSlides);