三角画廊缩略图悬停和点击html网站

Question

大家好。

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

1）我想在每个三角形上有一个悬停效果，它会改变三角形内部图像的饱和度，以表明它可以被选中。 （显然没有死空间，因为我知道三角形在点击和悬停命令方面很棘手）

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

感谢任何帮助。谢谢！

Answer 1

如果不重新发明轮子，您可以使用此插件diamond plugin。

如果您需要，可以查看其代码以回答您的问题。