選擇圖片顯示javascript a href

我有腳本當我選擇選項，比顯示我一個IMG，它的JavaScript腳本。我需要在javascript（var ImgAry = new）上創建一個來自列表的img的href。選擇圖片顯示javascript a 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>

謝謝。

來源

2017-09-06 user2622950

'img'標籤不支持'href'屬性，你的意思是'src'？ – Teemu

@Teemu我認爲他們這樣做，他們實際上在代碼中使用'.src'。 –

有一個奇怪的孤獨關閉''標記 –

Path+ImgAry[i]將產生src="img/./rozvrh/3.png"，這是一個無效的URL。

你需要刪除./部分，所以它會產生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屬性，所以我們可以看到這是怎麼回事缺少圖片）

來源

2017-09-06 09:47:22

我沒有腳本問題，我需要添加和圖像的「a」鏈接。 – user2622950

就是這樣？使用''標籤然後...答案更新 –

選擇圖片顯示javascript a href

回答

相關問題