Hola. ¿Qué tal?
A ver si me pueden ayudar. Resulta que la plantilla Porto ya trae por defecto el slider con banners rotativos. Pero se ve que la gente que estaba antes, cuando quisieron cambiar las imágenes de uno de los banners, borraron todo el código.
Esto es lo que hay hoy. Yo agregué solo el segundo ítem copiando y pegando para probar si lo podía hacer andar pero nada. ¿Cómo hago para que ítem 1 e ítem 2 sean rotativos? Para mí hay código de más y código de menos. La verdad no sé qué hicieron pero hoy estos dos elementos se muestran uno debajo del otro.
Graciasssss
<div style="padding: 15px 0 15px; background-color: #f4f4f4;">
<div class="container">
<div class="slider-with-side">
<div class="slider-area">
<div class="item 1"><img src="{{media url=imagen_1.jpg"}}" alt="" /></div>
<div class="item 2"><img src="{{media url="imagen_2.jpg"}}" alt="" /></div>
<div id="banner-slider-demo-5" class="owl-carousel owl-bottom-narrow owl-banner-carousel"></div>
<a href="http://pagina.html" target="_blank"><!-- banner-slider-demo-5 --></a></div>
<a href="http://pagina.html" target="_blank"><!-- Slider area -->
<script type="text/javascript" xml="space">//
//
/*
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function($) {
$("#banner-slider-demo-5").owlCarousel({
items: 1,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: true,
nav: false,
navRewind: true,
animateIn: 'fadeIn',
animateOut: 'fadeOut',
loop: true
});
});
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function($) {
$("#banner-slider-demo-5").owlCarousel({
items: 1,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: true,
nav: false,
navRewind: true,
animateIn: 'fadeIn',
animateOut: 'fadeOut',
loop: true
});
});
*/
//
// </script>
