1

専門家;

サムネイル画像がメイン ビューアー画像と入れ替わる写真レタッチ ポートフォリオ ページがあります。メインのビューアー画像は、Before & After セクションを持つスプライトで、元の画像がレタッチされる前とレタッチされた後に表示されます。スプライトは背景画像としてメイン ビューアー div に読み込まれ、スプライトの前セクションと後セクションを表示するためにマウスがホバーすると再配置されるように設定されます。

ページが最初に読み込まれると、メイン ビューアーは正常に動作し、カーソルを合わせるとビフォー アンド アフターの位置シフトが表示されます。しかし、サムネイルの選択によって新しい画像がビューアーに読み込まれると、ホバー アクションが機能しなくなります。私は数時間それに取り組んできましたが、問題を解決できません。

メイン ビューアー スプライトの例は、http: //www.triadimedia.com/frame_01.jpgで確認でき ます。すべてのスタイルとスクリプトは、次のページに含まれています: http://www.triadimedia.com/pfolio_photo_retouch.php .

どんな助けでも大歓迎です。

ありがとう。

ケイシー

4

1 に答える 1

0

このコードを使用するように親指を変更します。

<a onclick="javascript:thumb_swap(1);"></a>
<a onclick="javascript:thumb_swap(2);"></a>

等...

次に、現在のすべての JS 関数を次の関数に置き換えます。

function thumb_swap(num) {
    if(num<10) num = "0"+num;
    var el = document.getElementById('viewer');
    var styles = getComputedStyle(el,null);
    var bgurl = styles.backgroundImage;
    bgurl = bgurl.replace(/_[0-9]+\.jpg/,'_'+num+'.jpg');
    document.getElementById('viewer').style.backgroundImage = bgurl;
}

とにかく簡単なテストで私のために働いた。

于 2012-07-05T18:12:38.550 に答える