オプション画像show javascript a href

Question

私はオプションを選択すると、私はimg、そのjavascriptスクリプトを表示するよりもスクリプトを持っています。私はjavascript（var ImgAry = new）のリストからimgへのhrefを作成する必要があります。

var Path='img/'; 
 
var ImgAry=new Array('','./rozvrh/1.png','./rozvrh/2.png','./rozvrh/3.png','./rozvrh/4.png','./rozvrh/5.png', 'rozvrh.png', 'rozvrh.png', 'rozvrh.png', 'rozvrh.png'); 
 

 
function Swap(obj,id){ 
 
    var i=obj.selectedIndex; 
 
    if (i<1){ return; } 
 
    document.getElementById(id).src=Path+ImgAry[i]; 
 
}

<center> 
 
    <select onchange="Swap(this,'MyImg');" > 
 
     <option >Vybertie triedu</option> 
 
     <option >I.</option> 
 
     <option >II.</option> 
 
     <option >III.</option> 
 
     <option >IV.</option> 
 
     <option >V.</option> 
 
     <option >VI.</option> 
 
     <option >VII.</option> 
 
     <option >VIII.</option> 
 
     <option >IX.</option> 
 
    </select> 
 
    
 
    <img class="example-image" id="MyImg"> 
 
</center> 
 
</a>

ありがとうございます。

Answer 1

Path+ImgAry[i]は、無効なURLであるsrc="img/./rozvrh/3.png"を生成します。

./部分を削除する必要がありますので、src="img/rozvrh/3.png"が生成されます。

それ以外の場合はスクリプトの動作：

var Path='img/'; 
 
var ImgAry=new Array('','rozvrh/1.png','rozvrh/2.png','rozvrh/3.png','rozvrh/4.png','rozvrh/5.png', 'rozvrh.png', 'rozvrh.png', 'rozvrh.png', 'rozvrh.png'); 
 

 
function Swap(obj,id){ 
 
    var i=obj.selectedIndex; 
 
    if (i<1){ return; } 
 
    document.getElementById(id).src = Path+ImgAry[i]; 
 
    document.getElementById(id).alt = Path+ImgAry[i]; 
 

 
    document.getElementById(id+"Link").href = Path+ImgAry[i]; 
 
}

<center> 
 
    <select onchange="Swap(this,'MyImg');" > 
 
     <option >Vybertie triedu</option> 
 
     <option >I.</option> 
 
     <option >II.</option> 
 
     <option >III.</option> 
 
     <option >IV.</option> 
 
     <option >V.</option> 
 
     <option >VI.</option> 
 
     <option >VII.</option> 
 
     <option >VIII.</option> 
 
     <option >IX.</option> 
 
    </select> 
 
    
 
    <a id="MyImgLink" href="" target="_blank"> 
 
     <img class="example-image" id="MyImg" alt=""/> 
 
    </a> 
 
</center>

（私たちは失われた画像で何が起こっているかを見ることができるように、私はalt属性を追加した）