我只是快速搜索了我的问题,并没有直接找到任何东西。
我对 HTML 还是很陌生,想知道是否有人可以告诉我如何向我的网站添加图片并设置代码,以便如果我单击它,它会在新窗口中放大图片。
我将在我的网站上添加大约 600 多张图片,所以我还想知道是否有一种方法可以编写一次代码并将其应用于我添加的所有图片。
在此先感谢 - Danny B.
我只是快速搜索了我的问题,并没有直接找到任何东西。
我对 HTML 还是很陌生,想知道是否有人可以告诉我如何向我的网站添加图片并设置代码,以便如果我单击它,它会在新窗口中放大图片。
我将在我的网站上添加大约 600 多张图片,所以我还想知道是否有一种方法可以编写一次代码并将其应用于我添加的所有图片。
在此先感谢 - Danny B.
有很多方法可以做到这一点。插入带有指向新窗口的链接的图像的基本 HTML 将是:
<a href="enlarged.html" target="_blank">
<img src="photos/photo-name.jpg" />
</a>
但是,如果您希望能够动态显示大量照片,那就有点复杂了。如果您想自己编写代码,您需要考虑使用 PHP 之类的东西自动输出 600 多张图像的 HTML 代码。然后,与其将每个链接指向一个新页面,您可能需要考虑以一种很酷的方式加载图像,例如一些其他答案所建议的 javascript 灯箱/颜色箱。
一种可能的替代解决方案可能是寻找一些预先创建的相册脚本。我没有这方面的经验,所以我会让其他人对此提出一些建议。
我决定使用 target="_blank" -- Lightbox2 看起来很棒,但我真的不确定如何使用它以及将所有代码放在哪里。我找到的说明仍然假设用户在该领域具有一些标准知识,而我目前不具备这些知识。所以,我会坚持使用目标/空白方法,直到我对编码更加熟悉,然后我会升级到 Lightbox。
再次,我想对大家说声谢谢。你们总是快速准确地做出反应。
非常感谢, - Danny B
有几种方法可以做到这一点,但我假设您将拥有一个简单的网站,其中一页上有很多图像,并且您希望图像“以一种很酷的方式”放大打开。
看看这个:http ://colorpowered.com/colorbox/
...单击查看演示,然后查看各种照片处理选项。
这只需要一些基本的 HTML 和最低配置的 Jquery。使用非常简单,效果很好。
Google 左右使用关键字lightbox。大多数解决方案都是现成的 Javascript。只需包含一次,分配一些 ID/类,在 onload 期间执行,就是这样。我个人对Lightbox2和jQuery Lightbox 插件有很好的体验。
最简单的方法是添加一个链接,并将target
属性设置为target="_blank"
. 该链接应指向图像本身。不过,这会定期打开一个新标签,如果你想要一个全新的窗口,你应该尝试
href="javascript:window.open('myimage.png','_blank','toolbar=no,menubar=no,resizable=yes,scrollbars=yes')"
,这将打开一个新的独立窗口。如果您正在寻找淡入淡出/调整大小效果等,请尝试发布的其他答案之一。