CSSSLIDY es un complemento de Carousel de Focus Image que admite teléfonos móviles, admitiendo configuraciones de título, animaciones deslizantes, tiempo de intervalo, etc.
Ejemplos en línea
Demostración de ejemplo
Cómo usar
<div id = "Slidy-Container"> <figura id = "slidy"> <a href = '#' target = '_ blank'> <img src = "img/2.jpg" data-caption = "jQuery.nicescroll beautify beautify scrollbars"> </a> <a href = '#' target = '_ shank'> <img src/"IMg/" IMG/"IMG/". 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> </figura> </div> cssslidy ({timeonslide: 5, timeBetWeenSlides: .5, slideContainerselector: '#slidy-conctainer', selector slideselector: '#slidy', #slidy ', #Slidy', #ConsctionCe: 'C-choptualt',, CapstArtEinter ',, CapstArtEiner:', Capstackground ', CapstackEnt 'rgba (0,0,0,0.5)', subtittColor: '#ff0', subtittionFont: 'raleway, brittanic bold, hevetica, sans-serif', subtitticePosition: 'bottom', subtitionApapear: 'PERM', Cittioniziz: '16PX', subtitionPadding: '1 1M', » ¡No se puede animar! ");},*/ cssanimationName: 'slidy'});Explicación detallada de los parámetros
Si está interesado, ¡puede hacer clic para descargar y descargar el código fuente!
Lo anterior es el complemento CSSSLidy.js que le presenta el editor para darse cuenta del efecto receptivo de la imagen del teléfono móvil Carousel Effect. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!