如何在Ishimoto上的图像上悬停字幕

时间:2015-03-27 05:02:56

标签: javascript jquery html hover squarespace

我正在研究研究生论文项目的squarespace网站(我是一名纪录片摄影师),我对这个模板的标题选项存在很大问题。截至目前,字幕信息直接位于图像之上。我的项目必须用西班牙语和英语写成,所以所有这些文字都覆盖了我的一半图像。是否有某种方形空间的CSS注入会隐藏这些字幕,直到有人在图像上盘旋?

2 个答案:

答案 0 :(得分:0)

在图像上使用title属性。

<img src="/url to image/" title="put your caption here" alt="put your alternate text here (if user cannot view the image)">

答案 1 :(得分:0)

您可能希望忽略我以前的答案,因为这是一般的HTML方法,但不是特定于Squarespace。在Squarespace中,您要选择的是图像,然后点击“编辑”。

点击&#39;编辑&#39;再次直接在缩略图下方,您应该有一个下拉菜单。在悬停时选择“标题叠加层”&#39;选项。现在在图像上写下标题。单击“保存”,然后退出。现在它只会出现在悬停状态。