묻고답하기

제가 XE에서 제공하는 기본레이아웃 (default)로 간단한 홈페이지를 제작했습니다. 홈페이지 대문의 이미지 슬라이드를 자동으로 변환시키고자 jquery 를 조금 수정해야 할 듯 합니다. 혹시 jquery 코드를 보시고 어느부분에 timer부분을 어떻게 넣어야 할지 아시는 분 계신지요...어제부터 이것때문에 하루종일 고생이네요 ㅜㅜ 그냥 jquery를 적용하기가 어려운게 이미 XE에서 주어진 레이아웃으로 조종하는 부분이라..제가 초보거든요..부탁좀 드려도 될까요?ㅜㅜ

 

jquery 비주얼슬라이드 부분입니다

 

 

// Visual Slide
 var $visual = $('.visual');
 var $visual_list = $visual.find('>.list');
 var itemNum = $visual_list.find('>.item').length;
 $visual_list.addClass('total'+itemNum);
 var $last_item = $visual_list.find('>.item:last-child');


 // Paragraph position
 $visual.find('p').each(function(){
  var $this = $(this);
  $this.css('marginTop', Math.round(- $this.height()/2));
 });
 // Invalid href
 $visual.find('a[href=""]').click(function(){return false});
 // Item num
 if(itemNum===1){
  $visual.find('>button').remove();
 } else if(itemNum===2){
  $last_item.clone().prependTo($visual_list);
 } else if(itemNum===3) {
  $last_item.prependTo($visual_list);
 }
 // Prev
 var $vpn = $('.visual, .visual>button');
 $(window).load(function(){
  $vpn.height($visual_list.find('>.item:eq(1)').height());
 });
 $visual.find('>.prev').click(function(){
  $visual_list.animate({
   left: '+=100%'
  },400,function(){
   var $last_item = $visual_list.find('>.item:last-child');
   if(itemNum===3){
    $last_item.prependTo($visual_list);
   } else if(itemNum===2) {
    $last_item.remove();
    $visual_list.find('>.item:last-child').clone().prependTo($visual_list);
   }
   $visual_list.css('left','-100%');
   $vpn.height($visual_list.find('>.item:eq(1)').height());
  });


 });
 // Next
 $visual.find('>.next').click(function(){
  $visual_list.animate({
   left: '-=100%'
  }, 400, function(){
   var $first_item = $visual_list.find('>.item:first-child');
   if(itemNum===3){
    $first_item.appendTo($visual_list);
   } else if(itemNum===2) {
    $first_item.remove();
    $visual_list.find('>.item:first-child').clone().appendTo($visual_list);
   }
   $visual_list.css('left','-100%');
   $vpn.height($visual_list.find('>.item:eq(1)').height());
  });
 });
});

 

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
孤松 XE 게시판 금지 IP설정 [4] 2016.03.10 by 孤松
크루미 확장변수 버튼링크는 힘들까요 [2] 2016.03.10 by 크루미
굳세라 몇가지 문제 해결이 안됩니다. 도움부탁드립니다. [1] file 2016.03.10 by sejin7940
Horowitz 임시 비밀번호 부탁드립니다 ㅜ [1] 2016.03.10 by sejin7940
굳세라 댓글 닉네임 출력 관련해서 질문드립니다.  
김정자 index 페이지 위치 알려주세요 [2] 2016.03.10 by 김정자
슈니슈니 코어가 저절로 업데이트 되는 경우도 있나요? [2] 2016.03.09 by 슈니슈니
눈물(_Tears) 게시판 글 등록후 본문으로 넘어가지 않는 현상 [3] file 2016.03.09 by 마푸리
초록지기722be 닷홈에 XE 설치오류 [1] 2016.03.09 by 로이조52
shi**** 댓글등록이 안되네요~ 부탁드릴께요 [1] file 2016.03.09 by Julian-Choi
짱구삼촌 모바일화면에서 모바일 모듈말고 PC모듈로만 나오게 하려면 어떻게 셋팅하나요? [4] 2016.03.09 by TTM
락앤롤 영문 쇼핑몰 문의 드립니다.  
MASS 쉬운설치 접속이 안됩니다. [5] 2016.03.09 by lhwn****
이스자라 갑자기 게시글 쓰기가 안되요 [1] file 2016.03.09 by 비누남어
말랑말랑 one color 레이아웃 갑자기 메뉴가 사라졌어요 ㅠ,ㅠ [1] 2016.03.09 by Jay
슈니슈니 카테고리에 해당하는 공지만 띄우는법 [2] 2016.03.09 by 슈니슈니
박현우 리스트에서 제목 넓이가 너무 좁습니다 [2] file 2016.03.09 by 박현우
박현우 아이콘샵 설치했는데 어떻게 불러오는지 모르겠습니다 [2] 2016.03.09 by 박현우
nangman xedition 게시판 본문에서 상용구가 뜨게 가능한가요? [6] 2016.03.09 by EISOFT
아라라라 아이디 여러개 [1] 2016.03.08 by sejin7940