在新窗口中放大图片？

我只是做了一个快速搜索我的问题，并找不到任何直接点。在新窗口中放大图片？

我对HTML仍然很陌生，想知道如果有人能告诉我如何将图片添加到我的网站并设置代码，以便如果我点击它，它会在新窗口中放大图片。

我将为我的网站添加大约600多张图片，所以我还想知道是否有一种方法可以编写一次代码，并将其应用于我添加的所有图片。

在此先感谢， - 丹尼B.

来源

2010-03-01 user283994

有几种方法可以做到这一点，但我假设你有一个简单的网站有大量的图片在一个页面上，并且希望图像以“冷静的方式”放大打开。

看看这个：http://colorpowered.com/colorbox/

...点击查看演示，然后查看各种照片处理选项。

这只需要一些基本的HTML和最低配置的Jquery。使用起来非常简单，产生了很好的效果。

来源

2010-03-01 23:44:37 Tom

谷歌周围使用关键字lightbox。大多数解决方案都是即用型Javascript。只需包含一次，分配一些ID /类，在onload时执行，就是这样。我个人对Lightbox2和jQuery Lightbox plugin有很好的体验。

来源

2010-03-01 23:45:18 BalusC

它是一个相当大的一步从不懂HTML在所有认识的jQuery跳，但我想这可能是最好的途径。 – 2010-03-01 23:52:56

-1

最简单的方法是将链接添加到它，并将target属性设置为target="_blank"。链接应指向图像本身。不过，如果你想要一个全新的窗口，这将定期打开一个新的标签，你应该尝试

href="javascript:window.open('myimage.png','_blank','toolbar=no,menubar=no,resizable=yes,scrollbars=yes')"

，这将打开一个新的独立窗口。如果您正在寻找淡入淡出/调整大小等效果，请尝试发布其他答案之一。

来源

2010-03-01 23:46:52 casraf

-1阻塞性js。你*至少*希望href =“myimage.png”，其余的是一个onclick，如果你必须有内联。此外，灯箱等不仅仅是淡化效果。它们提供了一些标准的内置UI，如关闭按钮和窗口中的开放。 – 2010-03-01 23:54:43

只是想知道为什么我downvoted ..：/ – casraf 2010-03-01 23:55:28

对不起，意味着有我的理由在那里更快。 – 2010-03-01 23:59:34

有许多方法可以做到这一点。对于一个链接到一个新的窗口插入图像的基本HTML将是：

<a href="enlarged.html" target="_blank"> 
    <img src="photos/photo-name.jpg" /> 
</a>

但是，如果你希望能够动态地显示大量的照片这是一个公平的有点复杂。如果您想自己编写代码，那么您需要考虑使用类似PHP的内容来自动输出超过600个图像的HTML代码。然后，不要将每个链接都指向新页面，您可能需要考虑以酷的方式加载图像，例如其他答案提供的JavaScript Lightbox/colorbox。

一种可能的替代解决方案可能是寻找一些预先创建的相册脚本。我没有这些经验，所以我会让其他人就此提出一些建议。

来源

2010-03-01 23:50:12

我决定去w/target =“_ blank” - 灯箱2看起来很棒，但我真的不确定如何使用它以及在哪里放置所有代码。我发现的说明仍然假定用户在该领域有一些标准知识，而我目前还没有这方面的知识。所以，我会坚持目标/空白方法，直到我可以更熟悉w /编码，然后我将升级到Lightbox。

再次感谢大家。你们总是快速准确地回应。

有了十分赞赏， - 丹尼乙

来源

2010-03-02 21:20:08 user283994

在新窗口中放大图片？

回答

相关问题