如何实现类似google图片搜索的图片库
我是 JavaScript 和 jQuery 新手。我必须开发一个网站,其中需要实现与谷歌图像搜索具有类似效果的图像库。我正在寻找现成的脚本来融入我的项目。我在哪里可以免费找到这样的东西,或者我如何使用 JavaScript/jQuery 来实现它。
问候
奥迈尔
I am new to JavaScript and jQuery. I have to develop a website in which an image gallery with similar effects as in google image search needs to be implemented. I am searching for ready-made scripts to incorporate with my project. Where can I find something like this for free or how would I go about implementing it using JavaScript/jQuery.
Regards
Omayr
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
这是一个非常具体的例子,我猜大多数插件都会更加“小部件”。如果我要创建它,我会首先创建页面布局,将每个“结果页面”包装在一个
div
中。然后,当用户单击“显示更多结果”时,您可以使用 jQuery 的 AJAX 方法之一 来加载在更多的图像“页面”中。
This is a pretty specific example, and I would guess most plugins would be more "widgety". If I was creating this I would create the page layout first, wrapping each "page of results" in a single
div
.Then when the user clicks "Show More Results" you can use one of jQuery's AJAX methods to load in more "pages" of images.
我假设您已经对图像搜索结果进行分页,您可以尝试这样做:
在 div 标记中分配每个图像(例如
使用 jquery 绑定函数“.each”和“.hover”函数(当鼠标悬停时,通过设置css的宽度和高度来放大)
还有很多...我无法全部输入...
I assume you have paginate the image search result, you could try by doing:
assign each image in a div tag (e.g
Bind the function by using jquery ".each" and ".hover" function (when mouse-over, enlarge it by set the css's width and height)
There are alot more... I cant type it all...
您好,您可以在这里查看:
http://forum.yola.com/yola/topics/awesome_photo_gallery_code_for_your_website
它还链接了一个示例测试页面...
希望有帮助
Hi you can have a look here:
http://forum.yola.com/yola/topics/awesome_photo_gallery_code_for_your_website
It also links an example test page...
hope it helps