如何将带有滚动jquery的链接图像转换为codeigniter


How to Convert a linked image with rollover jquery to codeigniter

我创建了一个html网站,该网站的图像是链接,鼠标悬停时图像会发生变化。为此,我使用了一个jquery函数。这一切在HTML中都很完美,但我不确定在将锚点和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' ));?>

终于开始工作了。简而言之,我必须将图像的完整地址放在锚点中,而不是调用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"/>'); ?>

首先,您不需要使用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()函数。