묻고답하기

제가 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 남기남
해송원 홈페이지 관리자 인식 불가로 접속 불능 [3] 2015.07.01 by BRANDYK
choo**** 스팸 회원가입때문에 미치겠습니다. [6] file 2015.07.01 by choo****
제노0248 form태그 사용 시 submit 없이 값 자동 전송하는 방법이 있나요? [2] 2015.07.01 by 제노0248
DjKiLLeR 1.8 업데이트 이후 모바일 레이아웃이 정상적으로 나오질 않습니다. [7] 2015.07.01 by CosignStudio
썰레발리오 같은 메뉴를 사용하면서 사용자 그룹에 따라 링크를 다르게 주고 싶습니다. [2] 2015.07.01 by 숭숭군
푸훗 스케치북 방명록 댓글 자동펼치기 안하는법?  
다미아빠 음..이것도 오류가 맞나요? [12] 2015.07.01 by 다미아빠
Alice 익명댓글 관리자만 글쓴이보이게 설정하는법  
펀펀74 외부페이지 레이아웃 적용문제 [1] 2015.06.30 by 불금
신데렐라는 embedwhiteurl.xml 에서 서브도메인 일괄처리 하는방법없나요?  
티지레몬 게시판 글쓰기 할때 uploaded_count 무조건 1 로 저장되게 하기 [1] 2015.06.30 by 불금
이온디 내 플래닛 방문자 수를 체크할 수 있나요?  
jun0214 스케치북5 모바일 웹진형에서 내용요약 글자수 늘리는법좀 알려주세요  
다미아빠 SSL 부분 적용시 리디렉션 순환 오류가 있습니다 [2] 2015.06.30 by 다미아빠
곰탱이vv 플립보드 효과  
브삼 사이트 메뉴 편집가 백지 입니다. 1.8.4  
하야쿠 umbrahosting 내 계정 주소는 어디서 확인할 수 있나요?  
펀펀74 바로가기 좌측메뉴 나타나게 하려면 어떻게 하나요?  
newi 섬네일 애드온 좀 수정해주세요. [6] 2015.06.30 by 티지레몬
열쇠53865 인용구 콤포넌트에 대해서 질문이 있습니다.