메인슬라이드이미지 JS 수정 도와주세요 ㅠ 채택완료
이미지에 보면 메인화면 영역이 슬라이드이미지로 들어가 있습니다.
근데 문제는 다음 이미지로 바뀔때 다음이미지로오는 이미지가 아래쪽으로
흐리게 나타났다가 메인영역에 바뀝니다.
밑에 흐리게 나오는 부분을 가린다던지 안보이게 하려면 어떻게 수정해주어야 할까요?ㅠㅠ
// JavaScript Document
$(document).ready(function() { var current=0; var slide_length = $('.slide_ul>li').length;//이미지의 갯수를 변수로 var btn_ul = '
';//버튼 LIST 작성할 UL$('.slide_ul>li').hide();//이미지 안보이게 $('.slide_ul>li').first().show();//이미지 하나만 보이게 $(btn_ul).prependTo($('.slide'))//slide 클래스위에 생성 for (var i = 0 ; i < slide_length; i++){//동그라미 버튼 생성 이미지 li 개수 만큼 var child = '
//버튼 클릭시 호출되는 함수 function slide_stop(){ var fade_idx = $(this).parent().index(); current = $(this).parent().index();//클릭한 버튼의 Index 를 받아서 그 다음 이미지부터 슬라이드 재생. if($('.slide_ul > li:animated').length >= 1) return false; //버튼 반복 클릭시 딜레이 방지 $('.slide_ul > li').fadeOut(400); $('.slide_ul > li').eq(fade_idx).fadeIn(400); $('.slide_btn > li > a').removeClass('active'); $(this).addClass('active'); } });
답변 1개
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
