サムネイルを並べ替えられていないリストに入れ、ulに「サムネイル」というIDがあるとします。その後、親指をクリックするたびに置き換えたいIDの大きな画像にIDを追加し、その1つを「galleryBig」と呼びました。
<img id="galleryBig" src="images/gallery/large/01.jpg" />
<ul id="thumbnails">
<li><a href="images/gallery/large/01.jpg" target="_blank"><img src="images/gallery/thumb/01.jpg" /></a></li>
<li><a href="images/gallery/large/02.jpg" target="_blank"><img src="images/gallery/thumb/02.jpg" /></a></li>
</ul>
次にあなたが追加する必要があり、すべては次のjQueryコード
$("li a", "#thumbnails").click(function(event) {
event.preventDefault();
var nameIMG = $(this).attr("href");
$("#galleryBig").attr("src", nameIMG);
});
で、あなたのサムネイルにタグを追加すると、ターゲット_blankを使用してに固執する理由の理由は、人々をさせることですJavaScriptを使わないとギャラリーも使用できます。
あなたが少しより高度でよりよい何かを探して(クロスフェード効果を)したい場合は、あなたがこれをチェックすることがあります:stackoverflow - basic jQuery Gallery
をそして私の答え(緑の「目盛り」の横に付き1までスクロールしますそれ)
助けてくれる希望:
出典
2012-01-18 21:56:51
Tom