如何像谷歌那样得到下拉图像视图

How do I get a drop down image view just like Google?

本文关键字：图像视图何像谷歌更新时间：2023-09-26

我正在为我的学校项目(高中)创建一个投资组合网页，我有一个叫做工作的部分。在那里我想有图像出现沿彼此(只是一些填充)，然后如果你点击它们，会有一种下拉菜单，其中的图像将出现在左边的网站，并在右边的文本。这也会把网页上的其他内容往下推。

一个例子吗?谷歌图像。如果你搜索一些东西，比如"google"，然后你去到图片，如果你现在点击一个随机的图片，有一个平滑的下拉框，上面有图片和一些文字，网站上的其他内容被推到下面。这就是我想要的。只是我不知道如何让这个下拉菜单下拉页面的其余部分

让图片像google一样浮动不是什么大不了的事，这里的问题是当你点击图片的时候让下拉框出现，让内容向下推。

我正在使用PHP能够在我想要的时候把东西放进去，但是获得imageddropdown现在不在我的能力范围内。

这并不一定要在所有浏览器中工作，只要它在webkit和mozilla中工作就可以了。

帮忙吗?:)

你可以用JQuery来实现。

简单地创建一个div，你想用无显示动画。

使用Jquery的滑动函数

$(selector).slideDown();

和Jquery文档

http://api.jquery.com/slideDown/

(如果你还没有包含JQuery，不要忘记先包含它)

编辑-(我真的很讨厌还不能评论问题)

无论如何，在需要的时候把内容往下推，只要把你想要的东西放在一个容器里，div的最小高度是100px，然后如果容器里的东西大于100px,div就会变大，使它适合，并把它下面的东西往下推。

这是一个更新的小提琴http://jsfiddle.net/hvf7Q/1/

希望我有所帮助

让每一行图像都在类似div的东西中。然后，下拉菜单应该已经存在于你的HTML中的某个地方，并使用jQuery"传输"它(函数remove, append, after等)。

小三角形可以使用图像在行中的索引来定位。如果它们是正方形更容易，否则使用jquery宽度矩形