ホバリングオーバーレイとイントロテキストを表示するJoomlaのイントロ画像

Question

私は立ち往生しています。どんな助けもありがとうございます。

ゴール...私はイントロの画像を表示 Joomlaのコンテンツブログのビューで、私が欲しいとき は、ホバー上で、の上、黒で、20％にそれをフェードし、イントロのテキストを表示しますイントロ画像。

<?php echo '<div id="box">'; ?> 
<?php echo JLayoutHelper::render('joomla.content.intro_image', $this->item); ?> 
    <?php echo '<div id="overlay">'; ?> 
     <?php echo $this->item->introtext; ?> 
    <?php echo '</div>'; ?> 
<?php echo '</div>'; ?> 

へ

私がこれまで何をやったか

... アルター

<?php echo JLayoutHelper::render('joomla.content.intro_image', $this->item); ?> 

からJoomlaのコアファイルblog_item.phpにし、不透明度と位置決めのためのCSSを追加しました。

divオーバーレイは紹介画像リンクの上に表示されます。それはもはやクリック可能ではありません。

私の質問...にはどうすればのdivオーバーレイ導入-画像と同じのhrefを与えることができますか？

ありがとうございました。私はすぐに考えることができます

Answer 1

最も簡単な方法は、オーバーレイdivの上でクリックリスナーを実装し、使用して目的のURLにユーザーを取ることですwindow.location