2011-05-16 6 views

답변

1

당신이 하나 개의 사업부와 같은 별도의 div의 모든 슬라이드 쇼 이미지를 가질 수 어떤 경우 에나 표시되며 숨겨 지기도합니다.

<div id="main_img"> 
     <img id = "img1" class= "active" src= "images/main_img1.jpg"></img> 
     <img id = "img2" src= "images/main_img2.jpg"></img> 
     <img id = "img3" src= "images/main_img3.jpg"></img> 
     <img id = "img4" src= "images/main_img4.jpg"></img> 
    </div> 

다음 또는 이전 버튼을 클릭하면 다음 또는 이전 이미지를 활성으로 설정합니다. 이

데 도움을줍니다

기능 showNextImage() {

current_string = $("#main_img img.active").attr('id'); 
current = current_string.charAt(3); //get the current image number 
current++; 
if (current > 4){ //check if current image is the last image display first image 
    current = 1; 
} 
current_string = "img" + current; 
$("#main_img img.active").removeClass('active').fadeOut(1000, function(){ //fadeOut existing image 
    $("#main_img img").each(function(){ 
     if($(this).attr('id') == current_string){ 
      $(this).addClass('active').fadeIn(1000) //fadeIn next image 
     } 
    }); 
}); 

} 유사

당신이 이전 버튼

희망을 수행 할 수 있습니다 : 다음/이전 div의이 같은 이전 DIV 및 fadeIn를 페이드 아웃

+0

대단히 감사합니다 –

0

당신에게 ..

http://www.meshnetworks.ca/

사람이 ..? 그 슬라이드 쇼처럼 이전에 사용됩니다 또는 다른 참조가 저를 도와주세요, 아래의 사이트 홈 페이지 슬라이드 쇼처럼 슬라이드 쇼가 필요 좀 봐 줄 수 http://pikachoose.com/ 매우 사용자 정의 jquery 슬라이드 쇼.

0

는 소스 코드에 따르면,이 사이트는 Joomla!에 의해
을 powed하고 사용하는 슬라이드 쇼 FPSS입니다 : http://www.frontpageslideshow.net/

+0

ggest 어떤 다른 사이트 링크없이 zoomla ... –

+0

@Ravichandran TinySlider2를 사용하고 있습니다, 그것은 나를 위해 잘 작동합니다. 데모 : http://sandbox.scriptiny.com/tinyslider2/ – wong2

관련 문제