我创建了一个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()
函数。