개발자의 끄적끄적

[javascript/jquery] Identifier 'swiper' has already been declared 오류 해결법 jquery swiper 를 이용하여 슬라이드 이미지를 구성하다보면, 아래와 같이 이미 선언되어 있다는 오류가 나타나는 경우가 있습니다. Identifier 'swiper' has already been declared 그럴때는 아래와 같이 destroy 를 이용하여 기존에 선언되어 있는 swiper를 없애고 새로 선언해서 사용하시면 됩니다! Swiper.destroy(); var swiper = null; if(swiper != null) swiper.destroy(); swiper = new Swiper('.swiper', { loop: true, pagination: {..

[javascript] swiper 예제 CSS .swiper-container { width:620px; height:420px; } .swiper-slide { text-align:center; display:flex; /* 내용을 중앙정렬 하기위해 flex 사용 */ align-items:center; /* 위아래 기준 중앙정렬 */ justify-content:center; /* 좌우 기준 중앙정렬 */ background-color:#fff; border:5px solid silver; border-radius:5px; box-shadow:0 0 10px silver inset; box-sizing:border-box; /* 이 설정을 하지 않으면 슬라이드드가 틀어짐 */ /* 아래에 있는 실행..

[javascript & jquery] swiper - index 설정 [펌] >> swiper 해당 index를 처음에 보여지고 싶다 - class값으로 처리함 ** test http://unida.co.kr/html_mobile/election_news_main.html var swiper = new Swiper('.sec_region_swiper', { scrollbar: { el: '.swiper-scrollbar', hide: true }, slidesPerView: 7, spaceBetween: 5, //centeredSlides: true, freeMode: true }); swiper.slideTo(getSlideIndexByClass('on')); function getSlideIndex..

[javascript & jquery] swipre.js 반복 option 개발을 하던중 swiper.js 를 많이 사용하실껍니다! 그중 당연히 마지막슬라이드에 가서 다음을 누르면 처음 슬라이드로 가고 싶은데 기본적으로는 안되죠! 당연히 옵션에 아래 값을 추가해야 동작합니다. loop:true 이렇게 하면 마지막 슬라이드에서 처음슬라이드로 이동은 하지만 화면상으로는 다음슬라이드가 없는거 처럼 보이다가 누르면 막상 첫슬라이드로 이동합니다. 즉, 부자연스럽죠! 이때 추가하는 옵션! loopAdditionalSlides: 1 위 옵션을 추가하면 슬라이드가 끊기지않고 뒤에도 계속 있는거처럼 자연스럽게 반복됩니다! 참고하세요!!