如何将带有翻转 jquery 的链接图像转换为 codeigniter答案

【问题标题】：How to Convert a linked image with rollover jquery to codeigniter如何将带有翻转 jquery 的链接图像转换为 codeigniter
【发布时间】：2013-03-30 20:04:34
【问题描述】：

我创建了一个包含链接图像的 html 网站，鼠标悬停时图像会发生变化。我为此使用了一个 jquery 函数。这一切都在 HTML 中完美运行，但我不确定在将它们转换为 codeigniter 时如何将锚和 base_url 组合到它们。

我整天都在这我真的很感谢任何帮助，我是 codeigniter 的新手，我无法在他们的页面上或通过谷歌搜索找到任何答案。

HTML 代码（工作正常）：

<a href="hotel.html">
<img src="img/image.png" hover="img/hoverimage.png" class="rollover"/>
</a>

我可以链接 src 图像并且可以应用 class=rollover 我只是不知道如何添加 hover="img/hoverimage.png"

<?php echo anchor('hotel', img('img/image.png'), array('class'=>'rollover' ));?>

【问题讨论】：

嗨 Cryode，感谢您的帮助，非常感谢。我同意将其保留在 html html 中，但不幸的是在这种情况下我不能。我正在做工作经验，这只是一个更复杂项目的前端。我曾尝试将悬停添加到数组中，但随后发生的是它与链接而不是图像相关联，这就是代码变成的：localhost/hotel" class="rollover" hover="@987654322 @src="localhost/img/hoverimage.png" alt=""/>

标签： php jquery codeigniter

【解决方案1】：

终于搞定了。简而言之，我必须将图像的完整地址放在锚点中，而不是调用 base_url。可能是一种更准确的方法，但我花了很多时间在这上面，我很高兴它有效....

<?php echo anchor('homepg/page/hotel', '<img src="http://localhost/websitefolder/img/image1.png"  hover="http://localhost/websitefolder/img/imagehover.png" class="rollover"/>'); ?>

【讨论】：

【解决方案2】：

首先，您不需要使用 CodeIgniter 的帮助程序来生成 HTML。如果您已经有工作 HTML，请使用它。有时使用 CI 的帮助程序会使代码更加复杂，尤其是当其他人需要弄清楚它在做什么时。

为了回答您的问题，img() 函数接受图像属性的关联数组。所以可以指定类似于anchor()函数的属性。

echo anchor('hotel', img(array('src' => 'img/image.png', 'class' => 'hover', 'hover' => base_url('img/hoverimage.png'))));

请注意，这使用了 URL 帮助程序中的 base_url() 函数。

【讨论】：

嗨 Cryode，感谢您的帮助，非常感谢。
如果您有解决问题的答案，请将其标记为解决方案。
根据您关于悬停属性位于错误元素上的评论查看修订后的答案。以后，如果您对某个答案有评论，请添加评论，不要编辑答案。
你非常注意，这个网站的新手。