갤러리 기본 프레임의 각 사진에는 자체 링크가 있어야합니다.

Question

미리보기 이미지와 메인 그림 프레임으로 갤러리를 만들고 싶습니다. 이제 각 그림을 다른 .html로 연결하고 싶습니다. 아래 그림에서 모든 사진을 클릭하면 c8.html이로드되고 c8.jpg는 c8.html, c7.jpg는 c7.html 등으로 연결됩니다.이 문제는 "main-img"가 예를 들어 c8.jpg에 c7.jpg를 입력하면 코드가 <a href="c8.html"><img src="images/gallery/c7.jpg" id="main-img"/></a>으로 바뀝니다.

감사합니다.

안드라 즈

<script> 
    jQuery(document).ready(function($) { 
     $("#gallery li img").click(function(){ 
      $('#main-img').attr('src',$(this).attr('src').replace('thumb/', '')); 
     }); 
    }); 
</script> 

<div id="gallery"> 
    <a href="c8.html"><img src="images/gallery/c8.jpg" id="main-img"/></a> 
<ul> 
    <li><img src="images/gallery/thumb/c1.jpg" alt=""/></li> 
    <li><img src="images/gallery/thumb/c2.jpg" alt=""/></li> 
    <li><img src="images/gallery/thumb/c3.jpg" alt=""/></li> 
    <li><img src="images/gallery/thumb/c4.jpg" alt=""/></li> 
    <li><img src="images/gallery/thumb/c5.jpg" alt=""/></li> 
    <li><img src="images/gallery/thumb/c6.jpg" alt=""/></li> 
    <li><img src="images/gallery/thumb/c7.jpg" alt=""/></li> 
    <li><img src="images/gallery/thumb/c8.jpg" alt=""/></li> 
</ul> 

Answer 1

당신은 다만하여 /c\d/ 정규 표현식이 더있는 경우에, 당신은거야 만 9까지 일치합니다

$('#main-img').attr('src',$(this).attr('src').replace('thumb/', '')); 
$('#main-img').parent().attr('href',$(this).attr('src').match(/c\d/)[0]+".html"); 

클릭 기능에서 다음을 수행해야합니다 조금 변경해야합니다.