ギャラリーメインフレームの各写真は、自分のリンクを持っている必要があります

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>に切り替わります。

ありがとうございました！

Andraz

<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"); 

クリック機能で次の操作を行う必要があるでしょう少し変更する必要があります。