如何將帶有翻轉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()函數。