如何实现类似google图片搜索的图片库

发布于 2024-10-11 11:42:28 字数 151 浏览 1 评论 0原文

我是 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

无所谓啦 2024-10-18 11:42:28

这是一个非常具体的例子,我猜大多数插件都会更加“小部件”。如果我要创建它,我会首先创建页面布局,将每个“结果页面”包装在一个 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.

软糖 2024-10-18 11:42:28

我假设您已经对图像搜索结果进行分页,您可以尝试这样做:

  • 在 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...

凉墨 2024-10-18 11:42:28

您好,您可以在这里查看:

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文