Ronald Reagan Boyhood Home

#rbh-event-prev:hover, #rbh-event-next:hover { cursor: pointer; } window.addEventListener('load', function () { jQuery(document).ready(function($) { function sp_initSwiper() { var swiper = new Swiper('#rbh-event-slider .swiper', { slidesPerView: 4, slidesPerGroup: 1, loop: true, // Enable loop mode. If using loop mode, you will need enough slide items to make the loop work. Magic number = slidesPerView * 2 + 1. Otherwise it will rearrange and jump around spaceBetween: 10, preventClicks: true, //prevents accidental clicks when swiping // add additional custom parameters here from API docs breakpoints: { 480: { slidesPerView: 1, } 640: { slidesPerView: 1, }, 768: { slidesPerView: 2, }, 1024: { slidesPerView: 4, }, 1120: { slidesPerView: 4, }, }, }); return swiper; } var eventSwiper = sp_initSwiper(); $('#rbh-event-prev').on('click', function() { eventSwiper.slidePrev(500, true); }); $('#rbh-event-next').on('click', function() { eventSwiper.slideNext(500, true); }); }); }, false)