集成一个图像画廊插件与图像放大功能插件

我知道这个网站适用于积分系统，所以我想强调我是一个刚开始的开发者，我是这个网站的新手。请友好一点！！！集成一个图像画廊插件与图像放大功能插件

我有一个小小的问题，正在开发我试图实现的目标，我相信这可能主要是HTML问题。我下载了两个插件，一个是图像缩放功能，另一个是带缩略图的图库。

我面临的挑战是将两个函数集成在一起，因为这两个函数都需要我找不到一个“干净”的方式来合并这两个脚本。有没有人知道我可以如何将这两个脚本合并在一起？

图像缩放HTML

 <a class="zoom" href="css/product-gallery/item1.jpg"><img class="product-gallery" src="css/product-gallery/item1.jpg" alt="img1"></a>

图像的缩略图HTML

<a class="thumb" href="css/product-gallery/item1.jpg" title="Title #0"><img src="css/thumbnails/thumb2.jpg"/></a>

Click here for Image zoom code

PS“这不是一个灯箱效果后，我很画廊，它更多的ECOM图像缩放功能我后“

来源

2012-04-18 NewBoy

我刚加入上述 – NewBoy 2012-04-18 13:31:59

点击这里查看图片库代码HTTP网站链接：// iamn atesmithen.com/gallery/example-1.html – NewBoy 2012-04-18 13:34:21

如果我正确理解你，你有一堆缩略图，点击时会显示一个更大的图像版本？您需要的是lightbox http://leandrovieira.com/projects/jquery/lightbox/ – dtsg 2012-04-18 13:35:13

让他们都（灯箱缩放+霍夫呃变焦）并没有多大意义，你应该选择一个并与之配合。 Lightbox非常易于使用，并且会按照您的要求进行操作，所以我会尽力去做。快速小例子： -

<script type="text/javascript"> 
$(function() { 
    $('#imageGallery a').lightBox(); 
}); 
</script> 

<div id="imageGallery"> 
    <a href="image-you-want-to-zoom"><img src="thumbnail-image" /></a> 
</div>

如果“收藏夹般”的功能是不是你后，再尝试这样的事情：

http://www.jacklmoore.com/zoom

而对于一些快速的实物模型在行动的它代码：

http://jsfiddle.net/jquerybyexample/cvjsN/

来源

2012-04-18 13:42:37 dtsg

这个功能类似于... http：//www.asos.com/ASOS/ASOS-Skinny-Jeans-In-Dark-Wash/Prod/pgeproduct.aspx？iid = 2174294＆cid = 4208＆sh = 0＆pge = 0＆pgesize = 20＆sort = -1＆clr =蓝色 – NewBoy 2012-04-18 13:44:07

是的，它类似于 – dtsg 2012-04-18 13:48:53

我收集了上面的代码，只是创建一个灯箱，但是不能让我将图像放大到更少的细节。我想你已经误解了我的问题咯... – NewBoy 2012-04-18 13:53:29

集成一个图像画廊插件与图像放大功能插件

回答

相关问题