何らかの理由で、あなたのウェブサイトにアクセスして例を見ることができませんでした。
しかし、私の理解が正しければ、必要なのは 3 ~ 4 行の jQuery だけです。
$('#thumbs img').click(function(){
$('#largeImage').attr('src',$(this).attr('src').replace('thumb','large'));
$('#description').html($(this).attr('alt'));// if you want to add description also
});
デモ
編集私
OPのコメントの後に -
私が間違っていたことを認めます... 4 行のコードは必要ありません。必要なのは 2 行だけです。:-)
しかし、同じコードが hover と click の両方で機能するという事実について、私は間違っていませんでした。それは本質的に同じです。
「クリック」という単語(関数)を「HOVER」で変更するだけです(他には何も変更されていないことに注意してください)
$('#thumbs img').hover(function(){
$('#largeImage').attr('src',$(this).attr('src').replace('thumb','large'));
});
また、基本的なスキルを当然のことと思っていることもありますが、それは当然のことです。私が学んでいたとき、私は同じ初心者の問題を抱えていました。それでも疑問がある場合は、3 つのデモでフィドルを作成しました。
- 親指で交換
- ライブリンクと交換
- ダミーリンクと交換
ここでそれらすべてを参照してください: デモ
私は今それが明らかであることを願っています。
編集Ⅱ
我が神よ !!私はまた間違っていました。コードはさらに短くする必要があります。( replace() は必要ありません)
$('#largeImage2').attr('src',$(this).attr('href'));
最終デモ(短いコード)
(そしてところで-サイトがサーバー上で稼働している場合、「Dreamweaver機能」などはありません-Dreamweaverは CODE を生成するUIにすぎません.html / javascript / phpなどでも構いません.それは最後にありますTXT ファイル. その点で - コードの実行に関する「機能」はありません. メモ帳の GUI と見なすことができます :-) . 表示されるコードの「MM」部分は、Dreamweaver を介して挿入される通常の JAVASCRIPT (最適なものでさえありません) です。それで全部です)