如何使照片的链接添加到我的文件中，并自动继续使用JavaScript

How to make it so a link to a photo is added to my file and automatically continues to work with JavaScript

本文关键字：继续 JavaScript 文件 照片 何使 链接 添加 我的      更新时间：2023-09-26

如果我用相同的代码复制并粘贴另一个图像到这个div。我如何设置这个程序，以便我可以插入任何数量的图像文件(编码如下)，它会自动格式化它，并继续像其他人一样工作?

这是div:

<div id="gallery">
    <ul>
         <li><a href="images/blue_dress.jpg"><img id="girl" src="images/blue_dress_thumb.jpg" alt="girl wearing a blue dress"></a></li>
    </ul>
</div>
Javascript: 

var girl = document.getElementById('girl');
var image = document.getElementById('view');
girl.onmouseover = function (){
    image.src = "images/blue_dress.jpg"
}

我猜您想在鼠标悬停在列表项时添加一个。再次，我猜这个列表项包含您的图像缩略图

在你的html中添加事件和当鼠标悬停在事件上时执行的函数。例如,

     <li id="theImageArea"<img onmouseover="addLink()" src="file.jpeg" alt="this image" /></li>

在JS文件中添加以下

    function addLink()
    {
       var imageLink=$(document.createElement("a"));
       imageLink.src="someLink.php";
       imageLink.setAttribute("class", "someClass"); 
       $("theImageArea").appendChild(imageLink);
   }

在做javascript部分之前，您必须将prototype.js包含在您的html的head部分，您可以免费下载。

相关文章：