2011-12-22 15 views
0

サムネイルをクリックすると画像の全画面を表示したい。 #preview内、jquery - onclick:画像を表示

画像がサムネイルとして表示され

画像.imagethumbクラスをIMGタグを使用したハードコードされていると私は親指をクリックしたときには、divの中に表示されるはずです#previewと呼ばれますクリックした画像の全画面を表示するIMGタグがあります。

jqueryでどうすれば実現できますか?

+2

コードを表示してみてください。 – Simone

+1

[lightbox](http://leandrovieira.com/projects/jquery/lightbox/)など、多くのjqueryプラグインが見つかります。 – JMax

+0

シンプルなjqueryを書くことで試してみてください。私は初心者なので自分自身を試してみたい。助けてください –

答えて

0

:クラス.imagethumbであなたのサムネイルのいずれかがクリックされると

$('.imagethumb').click(function() 
{ 
    $('#preview').find('img').attr('src', $(this).attr('src')); 
}); 

は、あなたの#preview divの内側img要素のsrc属性は、クリックされたのsrc要素(に設定されています)サムネイル。

+0

Worked !!!ありがとう –

+0

あなたのコードは私を助けました! –

+0

私の答えの横にあるチェックマークをクリックして、それを示すことができますか?私はより多くの評判を得て、このフォーラムでは[基本的なエチケット](http://stackoverflow.com/faq#howtoask)とみなされます。 – pxlshpr

0

SimplemodalまたはFancyboxに試してください。これは、トリックを行う必要があります

+0

シンプルなjqueryを書くことで試してみたい。私は初心者なので自分自身を試してみたい。助けてください –

+0

私は自分のギャラリーのレイアウトデザインとクリックやフェードイベントなどの基本的なjquery機能もうまくいきました。 今、私は水平にサムネイルのフィルムストリップを作成したいと思います。現在は5つのハードコードされた画像があります。サムネイルをクリックすると、拡大した画像が表示されます。 http://img815.imageshack.us/img815/76/36picture1.png 私は次の5つの画像を表示する必要があります次のボタンをクリックすると、私はわずか5画像を表示したい。 私はそれを達成するために案内してください。私は次と前のボタンを持っています**次の**と**前の** id –

+0

あなたが新しい質問としてこれを投稿することをお勧めします。また、あなたが行った研究努力を含めると役立ちます。 – pxlshpr