如何將翻轉jquery鏈接圖像轉換爲codeigniter

我創建了一個包含圖像鏈接的HTML網站，圖像在鼠標懸停上發生變化。我爲此使用了一個jquery函數。這一切都在HTML中很完美，但我不知道如何將錨點和base_url轉換爲codeigniter時將它們結合起來。如何將翻轉jquery鏈接圖像轉換爲codeigniter

我一直在這一整天Id真的很感謝任何幫助，我是codeigniter的新手我找不到任何答案在他們的網頁或谷歌搜索。

HTML代碼（正常工作）：

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

我可以儘量得到的SRC圖像鏈接和可以將類=側翻我只是無法弄清楚如何添加懸停=「IMG/hoverimage.png」

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

來源

2013-03-30 user2227823

Cryode嗨，謝謝您的幫助，它的大加讚賞。我同意將它保存在html html中，但不幸的是，在這種情況下，我不能。我在做工作經驗，這只是一個更復雜的項目的前端。我曾嘗試將懸停添加到數組，但接下來發生的是與鏈接相關聯，而不是圖像，這是代碼變成的圖像： – user2227823

終於搞定了。總之，我必須放置圖像的完整地址，而不是在錨點內調用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"/>'); ?>

來源

2013-04-04 12:36:05 user2227823

首先，你不需要使用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()函數。

來源

2013-03-30 21:57:11

嗨Cryode，感謝您的幫助，非常感謝。 – user2227823

如果您有解決問題的答案，請將其標記爲解決方案。 –

根據您對懸停屬性位於錯誤元素上的評論，查看修訂後的答案。將來，如果您對答案有評論，請添加評論，不要編輯答案。你好， –

如何將翻轉jquery鏈接圖像轉換爲codeigniter

回答

相關問題