几个图像onclick维护其他图像

时间:2012-02-24 23:32:10

标签: html css image

因此,我试图找到一种方法来查看图像而不会在单击

时隐藏其余部分 例如

  <a href ="someimage.jpg"><img src="someimage.jpg"/></a>
  <a href ="someimage2.jpg"><img src="someimage2.jpg"/></a>
  <a href ="someimage3.jpg"><img src="someimage3.jpg"/></a>
  <a href ="someimage4.jpg"><img src="someimage4.jpg"/></a>

例如,当我点击第一张图片时,它会在新窗口中打开,就是这样 我希望能够滚动浏览这些图像。我想通过单击“下一步”或类似的东西来转到下一个图像!

2 个答案:

答案 0 :(得分:0)

直接在浏览器中调用图像将返回该文件,而不是嵌入了该文件的html页面。在您的情况下,您将必须编写一个页面来为您处理此功能。

您没有提及javascript / jquery是否适合您,但在我看来它绝对是最简单的解决方案。

查看类似jquery carousel的内容来处理基本的幻灯片演示。

如果这不是你想要的答案,那么我担心你的解决方案 - 适合你的html,css和图像的限制 - 是为每个图像制作单独的html页面,然后硬编码。以前的链接...每一个......好的方式。

... headers
<body>
    <img src="someimage.jpg" alt=""><br>
    <a href="anotherimage.html">Previous</a> | <a href="someimage2.html">Next</a>
</body>

答案 1 :(得分:0)

http://fancybox.net/有一个很棒的javascript类型插件,可以让图片显示在一种灯箱中。否则搜索“jquery图像缩放插件”。如果 javascript适合你,那应该会给你一些好的插件