Question

如果我使用相同的代码将另一张图片复制并粘贴到此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"
}

Answer 1

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

在你的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部分之前，您必须在html的prototype.js部分中加入head，您可以免费下载。

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

1 个答案: