php - ファンシーボックスの画像ロールオーバー効果

Question

既存の .jpg ファンシーボックス サムネイル画像に .png を重ねるのに問題があります。残りは完璧に機能します。

9 つの画像があり、ループをコーディングして、PHP でファンシーボックス ギャラリーを作成しました。既存の .jpg サムネイルに .png を適用するのが困難です。

これは私のPHPコードです:

<?php
        $i=1;
        $title=array("", "t1", "t2", "t3", "t4", "t5", "t6", "t7", "t8", "t9");

        for($i; $i<10; $i++)
        {

        echo "<div id='galeria' class='one-third column alpha'>
            <a title='".$title[$i]."' class='fancybox' rel='group' href='../img/galeria/big".$i.".jpg'><img src='../img/galeria/thumb".$i.".jpg' alt='' /></a>
        </div><!--end 1\3 -->";

            $i++;
            echo "<div id='galeria' class='one-third column'>
            <a title='".$title[$i]."' class='fancybox' rel='group' href='../img/galeria/big".$i.".jpg'><img src='../img/galeria/thumb".$i.".jpg' alt='' /></a>
        </div><!--end 1\3 -->";
            $i++;
            echo "<div id='galeria' class='one-third column omega'>
            <a title='".$title[$i]."' class='fancybox' rel='group' href='../img/galeria/big".$i.".jpg'><img src='../img/galeria/thumb".$i.".jpg' alt='' /></a>
            </div><!--end 1\3 -->";
        }
    ?>

onMouseOver と onMouseOut を使用してみましたが、成功しませんでした。（私はJSとjQueryが初めてなので、詳細なヘルプを提供できれば、本当に感謝しています）。