Jquery 이미지 및 탐색 스왑?

이 페이지에서이 기능을 다시 만들려고합니다.Jquery 이미지 및 탐색 스왑?

신발 색상을 바꿀 때 그 쇼에서 대체보기가 나타납니다.

어떻게 작동합니까?

http://www.clae.com/Product.aspx?l=00010000000000000000&p=CLA01253

2011-01-25 user588466

왜 페이지의 소스 코드를보고 직접 보지 마십시오. – Daveo

아래 예는 기본적으로 image1에로드됩니다. 클릭 한 이미지의 새 이미지를로드하고 이미지의 이미지를 메인 ID로 바꿉니다.

<!DOCTYPE html> 
<html> 
<head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script> 

</head> 
<body> 
     <script type="text/javascript"> 
       $(document).ready(function() { 
         $('#img1, #img2').click(function() { 
           $('#main').attr('src',$(this).attr('src')); 
         }); 
       }); 

     </script> 
     <img id="main" src="image1.png"/> 

     <br> <br> 
     <img id="img1" src="image1.jpg"/> 

     <img id="img2" src="image2.png"/> 
</body> 
</html>

출처

2011-01-25 04:14:56 MrCrapper

매우 경량 인 MrCrapper입니다. 그 이미지를 완벽하게 작동하지만 특정 구두 컬러의보기 메뉴를 어떻게 변경합니까? 보기 옵션은 사용자가 선택한 신발 색상에 대해 나타납니다. – user588466

다시 링크 : http://www.clae.com/Product.aspx?l=00010000000000000000&p=CLA01253 – user588466

신발 밑의 3 가지 다른보기를 변경하는 옵션에 대해 이야기합니다 (차례로 해당 색상의 세 가지 이미지가 있음).)? – MrCrapper

Jquery 이미지 및 탐색 스왑?

답변

관련 문제