i 위험한 Swiper 슬라이더, 사용자 정의 오버레이가 restslider로 축소되지 않음

Question

iDangerous Swiper 플러그인을 사용하는이 슬라이더가 있습니다.

그녀는 바이올린이다 http://jsfiddle.net/2vNTw/1/

가 swiper 슬라이더가 회전식 모드를 설정하고 1275px의 최대 폭을 갖는다. 이 작업에서는 중심에 있지 않은 비활성 이미지/이미지에 대한 사용자 지정 오버레이를 만들었습니다. 오버레이는 크기가 축소되지 않은 경우 잘 작동하지만 축소 할 때 오버레이는 가운데/활성 슬라이드를 오버레이합니다.

스케일링은 jQuery를 함께 구성됩니다

JQuery와 SCALING :

/* On Load swiper height should adjust to img size */ 
    jQuery('.swiper-slide img').load(function() { 
     jQuery('.swiper-container').height(jQuery('.swiper-slide img').height()); 
     jQuery('.swiper-wrapper').height(jQuery('.swiper-slide img').height()); 
    }); 

    /* On Resize swiper height should adjust to img size */ 
    jQuery(window).resize(function() { 
     jQuery('.swiper-container').height(jQuery('.swiper-slide img').height()); 
     jQuery('.swiper-wrapper').height(jQuery('.swiper-slide img').height()); 
    }); 

그것은 또한 확장 할 수있는 오버레이를받을 수 있나요를?

Answer 1

이것이 CSS 기본 사항입니다. 위치를 추가하십시오 : .swiper-slide에 상대적