在Mootools图片库中为每个打开的图像添加链接

Question

我正在尝试做的是在Mootools图片库中为每个打开的图像添加一个不同的链接。

根据下面的代码，当你点击每个小图片或缩略图时，标签中的大尺寸图片就会显示出来。我需要做的是再次打开这个大图像的标签。因此，当用户单击打开的图像时，他将被定向到新页面。

    <table>
      <tr>   
        <td>    <a href="img/pic1.png" data-milkbox="milkbox:g1" title="Lorem ipsum...">    <img src="img/pic1a.png" alt="" width="100" height="100" />     </a>    </td>
        <td>    <a href="img/pic1.png" data-milkbox="milkbox:g1" title="Lorem ipsum...">    <img src="img/pic1a.png" alt="" width="100" height="100" />     </a>    </td>
      </tr>
    </table>

演示在这里。http://reghellin.com/milkbox/#demo

提前谢谢你

Answer 1

大图将由MilkBox脚本显示，所有的超文本标记语言都由该插件本身控制。因此，如果插件不支持向打开的图像添加辅助链接，您将不得不解决它或修改插件。不推荐使用后者，因为这意味着如果不合并您的更改，您将无法更新插件。

我唯一能想到的就是利用MilkBox提供的事件(例如onFileReady)来钩住一些自定义代码，以便在大图周围包装一个链接，但这仍然取决于MilkBox的工作方式。

另一种选择是寻找一个类似的lightbox插件，允许链接打开的图像。