JavaScript替换img文件

我正在使用JavaScript的网站上工作。我需要Javascript才能使用外部页面。我不太明白如何做到这一点。我的计算机上有5个文件需要能够替换图像文件的名称和alt。我不能使用http。JavaScript替换img文件

我有这个图片的代码：

<img src="images/cablecar.jpg" width="480" height="270" alt="cable car turnaround" id="gallery" />

我需要使用JavaScript，而使用的onmouseover到cablecare和中高音部分更改为新的图像文件和说明。我到目前为止的代码是的Javascript：

 function switchPix(file, desc){ 
     var line = '<img src= asian.jpg width=\'480\' height=\'270\' alt= +desc+/>'; 
     document.getElementById("pix").write(line); 
     }

HTML：

<figure id="pix" class="right"> 
     <script src="scripts/gallery.js"> 
     </script> 
     <img src="images/cablecar.jpg" width="480" height="270" alt="cable car turnaround" id="gallery" /> 
    </figure> 
    <ul> 
     <li><a href="http://www.asianart.org/" onmouseOver="switchPix(asian, Asian Market)">Asian Art Museum</a></li>

我不得不使用word文件与亚洲这样的文件名是在asian.jpg 更换缆车结束代码是假设将鼠标放在五个链接中的一个上时，将页面上的图像更改为另一个图像。

对不起，如果这有点令人困惑，我真的很难理解它自己，并没有给予足够的信息来了解如何自己做。

来源

2016-11-05 alice83

嗨尝试使用此代码

<figure id="pix" class="right"> 
     <script src="scripts/gallery.js"> 
     </script>   
     <img src="images/cablecar.jpg" width="480" height="270" alt="cable car turnaround" id="gallery" /> 
    </figure> 
    <ul> 
     <!-- fix onmouseover (all small case) and string parameters --> 
     <li><a href="http://www.asianart.org/" onmouseover="switchPix('asian.jpg', 'Asian Market')">Asian Art Museum</a></li>

和JavaScript这样的代码工作

function switchPix(file, desc) { 
var $elm = document.getElementById("gallery"); 
$elm.src = file; 
$elm.alt = desc; 
}

来源

2016-11-06 02:51:20 RizkiDPrast

试试这个简单的jQuery功能..

function switchPix(file, desc){ 
    $('#gallery').attr("src",file); 
    $('#gallery').attr("alt",desc); 
}

来源

2016-11-06 07:13:27

JavaScript替换img文件

回答

相关问题