选择图片显示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

回答

相关问题