如何将带有翻转jQuery的链接图像转换为Codeigniter

Question

我创建了一个HTML站点，该站点具有作为链接的图像，这些图像在鼠标悬停时发生更改。 我为此使用jquery函数。 所有这些在HTML中都可以完美地工作，但是我不确定将锚和base_url转换为codeigniter时如何将它们组合在一起。

我整天忙碌于此，非常感谢您的帮助，我是Codeigniter的新手，我无法在其页面上或通过Google搜索找到任何答案。

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' ));?>

Answer 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"/>'); ?>

Answer 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()函数。