cssSlidy is a focus image carousel plug-in that supports mobile phones, supporting title settings, sliding animations, interval time, etc.
Online examples
Example Demonstration
How to use
<div id="slidy-container"> <figure id="slidy"> <a href='#' target='_blank'><img src="img/2.jpg" data-caption="jQuery.nicescroll beautify scrollbars"></a> <a href='#' target='_blank'><img src="img/4.jpg" data-caption="jQuery imitation Taobao product multi-attribute query"></a> <a href='#' target='_blank'><img src="img/3.jpg" data-caption="jQuery combined with elevateZoom to demonstrate multiple magnifying glass effects"></a> <a href='#' target='_blank'><img src="img/2.jpg" data-caption="Baidu Editor ueditor"></a> </figure> </div> cssSlidy({ timeOnSlide: 5, timeBetweenSlides: .5, slideContainerSelector: '#slidy-container', slideSelector: '#slidy', captionSource: 'data-caption', captionBackground: 'rgba(0,0,0,0.5)', captionColor: '#ff0', captionFont: 'Raleway, Brittanic Bold, Hevetica, sans-serif', captionPosition: 'bottom', captionAppear: 'perm', captionSize: '16px', captionPadding: '1em', /*fallbackFunction: function(){ alert("Oh noes! You can't animate!"); },*/ cssAnimationName: 'slidy' });Detailed explanation of parameters
If you are interested, you can click to download and download the source code!
The above is the cssSlidy.js plug-in introduced to you by the editor to realize the responsive mobile phone picture carousel effect. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to everyone in time. Thank you very much for your support to Wulin.com website!