Question

使用imgbox的最新版本，遇到与LightBox2相同的问题;主要是'title'属性。它是一个标题，但是html喜欢在图像链接上创建一个hovertext。

像这样：

  <a id="example1-1" href="./painting/everythingieverwanted/everythingieverwanted.jpg" title="Lorem <a href=''> ipsum</a> dolor sit amet">

我进去并试图手动将jquery.imgbox.js中'title'的所有实例切换为'imagecaption'，并相应地重命名我的属性，所以：

  <a id="example1-1" href="./painting/everythingieverwanted/everythingieverwanted.jpg" imagecaption="Lorem <a href=''> ipsum</a> dolor sit amet">

但这不起作用。知道我哪里错了吗？

Answer 1

所以你得到地狱的原因是因为你的标签是疯狂的：

<a id="example1-1" href="./painting/everythingieverwanted/everythingieverwanted.jpg" imagecaption="Lorem <a href=''>

应该是

<a id="example1-1" href="./painting/everythingieverwanted/everythingieverwanted.jpg" imagecaption="Lorem Ipsum">

您不应在为标题设置的值中包含任何 HTML。事实证明这很糟糕。此外，您无法嵌套<a>标记。当你这样做时，浏览器会非常糟糕。

如果您只想使用链接存储值，请使用HTML5数据属性：

<a id="example1-1" href="./painting/everythingieverwanted/everythingieverwanted.jpg" data-caption="Lorem Ipsum">

Answer 2

我看起来imgBox带有第二个.jss文件需要改变，我最初没有注意到：jquery.imgbox.pack.js

基本上我经历了用“imgboxcaption”替换所有“title”属性

jquery.imgbox.pack.js 和 jquery.imgbox.js 和 imgbox.css

然后，当写出来时，这有效：

<a id="popup" href="./painting/everythingieverwanted/everythingieverwanted.jpg" imgboxcaption="Lorem <a href=''>Ipsum</a>"><img src="./painting/everythingieverwanted/redsuitBOX.jpg" /></a>

由于标题标记没有html悬停，标题就在那里。

请注意，titleh属性不需要更改。

替换imgbox中的title属性

2 个答案: