가로 꽉 차는 슬라이드에 효과주기..
본문
가로가 꽉 차는
슬라이드에 효과를 주고 싶은데
width:'100%'를 주니까 효과가 안먹히네요..
어떻게 해야되나요..
도움부탁드립니다.
<script>
$('#slider').vmcSlider({
width: '100%',
height: 450,
gridCol: 10,
gridRow: 5,
gridVertical: 20,
gridHorizontal: 10,
autoPlay: true,
ascending: true,
effects: [
'fade', 'fadeLeft', 'fadeRight', 'fadeTop', 'fadeBottom', 'fadeTopLeft', 'fadeBottomRight',
'blindsLeft', 'blindsRight', 'blindsTop', 'blindsBottom', 'blindsTopLeft', 'blindsBottomRight',
'curtainLeft', 'curtainRight', 'interlaceLeft', 'interlaceRight', 'mosaic', 'bomb', 'fumes'
],
ie6Tidy: false,
random: true,
duration: 2000,
speed: 900
});
</script>
답변 3
width: '100%'
-> width: $( document ).width()
슬라이드할 이미지를 가로이미지로 넣어보세요.
세로 비율이 높아서 그런것 같습니다.
사용하시는 이미지가 직사각형의 검정배경에 정사각형 사진이 들어가 있는 것 입니다.
이미지를 편집하여 풀스크린으로 사진을 넣어주세요.
답변을 작성하시기 전에 로그인 해주세요.