はonclickのポップアップボックス

Question

に画像を表示するために、私は、画像を表示するには、このスクリプトを使用して、簡単なギャラリーを作りました特定の画像がポップアップして画像が大きく見えます。<li>タグのonclickを使って正しい方法で行っていると思いますが、Large()の機能を作る方法はほとんど分かりません。

おかげ

Leron

Answer 1

私はちょうどjQueryプラグインや他のJavaScriptフレームワークのプラグインを使用すると思います。 "jqueryライトボックス"のgoogle検索を行い、例を見てください。

あなたがそこで利用できない特定の機能を必要としないか、学習の練習としてあなた自身のものを目指している場合を除いて、自分で書くことは間違いありません。

Answer 2

私はあなたの大きな画像のためのライトボックスオプションの100をチェックアウトすることをお勧めします。ちょうどGoogleのライトボックス。

Answer 3

あなたは>インクリメント数値ID各<のimgを与えることができる、とIE

onclick="Large(0)" 

、大規模な関数にすることを渡すことと、あなたが得ることができるように、各画像は

<img id="image_0" .... /> 

だろう大きな機能の中のその特定の画像へのユニークな参照。

すなわち

function Large(index){ 
    var image = document.getElementById('image_' + index); 
    //your code here 
}; 

またはすでに示唆されているとして、あなたはライトボックスを使用することができます。

また、別のオプションは、onclickハンドラをイメージに追加して渡すだけです。イメージを直接参照し、中間の人物をそのまま切り取ることもできます。 は

<img onclick="Large(this) .... /> 

すなわち思考