リンク先を動的に変えたい

質問

CGギャラリーを考えています。
サムネイルクリックで拡大画像が切り替わり、
ダウンロードボタンで適宜選ばれたPDFを別ウィンドウで開く仕組みです。

サムネイルクリックで拡大画像が切り替わるのは完成したのですが
それに対応したPDFにリンクする部分がうまく作れません。
どうぞご教授お願いします。

//クリックされたサムネイルによって拡大画像を切り替え
function myChgPic(myPic){
document.images["myImage"].src = myPic;
}

//サムネイルで選ばれた画像によってリンク先を変更
function myChgLink(){
window.open ("A.pdf");
//↑この飛び先を、myPicによってA.pdf、B.pdf、C.pdfと変更したい
}

//サムネイル
<img src="A-s.gif" onclick="myChgPic('A-l.gif')">
<img src="B-s.gif" onclick="myChgPic('B-l.gif')">
<img src="C-s.gif" onclick="myChgPic('C-l.gif')">

//拡大画像
<img src="A-l.gif" name="myImage">

//ダウンロードボタン
<a href="Javascript:myChgLink()"><img src="dl.gif"></a>

回答No.1

arexis · ベストアンサー

なるべくそのままで書きます

<script>
var pdf = '';
function myChgPic(myPic){
document.images["myImage"].src = myPic + '-l.gif';
pdf = myPic + '.pdf';
}
function myChgLink(){
if(pdf) window.open (pdf);
}
</script>

//サムネイル
<img src="A-s.gif" onclick="myChgPic('A')">
<img src="B-s.gif" onclick="myChgPic('B')">
<img src="C-s.gif" onclick="myChgPic('C')">

サムネイル、本画像名、pdfファイルの名前が
A、B、C の様に整理されているならこんなんで。

お礼

arexisさん、すっきりとした回答ありがとうございました。
当方も別の記述で解決しておりましたが
arexisさんの記述を参考にして使いまわしのよい書き方に
しようと思います。

以下、当方の対応です↓

//変数宣言
var myLinkURL="A.pdf";

//クリックされたサムネイルによって拡大画像を切り替え、リンク先を代入
function myChgPic(myPic,myLink){
document.images["myImage"].src = myPic;
myLinkURL = myLink;
}

//サムネイルで選ばれた画像によって代入リンク先を指定して開く
function myChgLink(){
window.open (myLinkURL);
}

//サムネイル
<img src="A-s.gif" onclick="myChgPic('A-l.gif','A.pdf')">
<img src="B-s.gif" onclick="myChgPic('B-l.gif','b.pdf')">
<img src="C-s.gif" onclick="myChgPic('C-l.gif','C.pdf')">

//拡大画像
<img src="A-l.gif" name="myImage">

//ダウンロードボタン
<a href="Javascript:myChgLink()"><img src="dl.gif"></a>