Question

我是新人，我的大脑正在燃烧

我的问题是访问我有一个网站lemonx.biz。

如你所见，我已经制作了4个框架，展示了zara hermes和puma的小鞋子。

当用户点击显示zara puma和hermes shoes的文件夹images/zara/thumbnals/1.png中的小缩略图时，会打开一个新的窗口选项卡，使用html显示div中images/zara/1.png图像的缩略图的较大版本javascript或jquery。

Answer 1

将图片包裹在锚标记中，href指向较大的图片版本target="_blank"。

编辑：根据您的更新说明。

不是直接链接到图片，而是链接到next.html#name_of_image.jpg。然后，当加载next.html时，执行javascript以使用适当的图像填充目标div。

e.g：

<!--Include a placeholder image in your HTML in the target div...-->
<div id="target_div">
    <img id="target_img" style="display: none;" src=""/>
</div>

<!--...And populate it on page load with Javascript.-->
<script type="text/javascript">
    window.onload = function() 
    {
        if (location.hash) //Only do this if there's an actual hash value.
        {
            var imgPath = 'path/to/images/directory/'; //Build the path to the images directory.
            var imgName = location.hash.substring(1); //Get the name of the image from the hash and remove the #.
            document.getElementById('target_img').src = imgPath+imgName; //Update the src of the placeholder image with the path and name of the real one.
            document.getElementById('target_img').style.display = 'inline'; //Now that it has a valid source, reveal it to the viewer.
        }
    }
</script>

在新标签页中打开缩略图

1 个答案: