三角形图库缩略图悬停和点击html网站

Question

嗨，大家好。

我正在为大学编写一个在线投资组合。我设计了这个缩略图库布局（如图所示），现在有两个问题。

1）我想对每个三角形都有一个悬停效果，改变三角形内部图像的饱和度以显示它可以被选中。 （显然没有死角，因为我知道点击和悬停命令时三角形是棘手的）

2）而且我不确定一旦缩略图被点击，灯箱缩放效果从哪里开始因为我需要在每个项目中包含3个简短描述的图像。建议？

任何帮助表示赞赏。谢谢！

Answer 1

没有重新发明轮子，你可以使用这个插件diamond plugin。

如果你想要它，你可以看到它的代码来回答你的问题。