web-dev-qa-db-ja.com

拡大した画像をポップアップで開くことで、[画像をクリックして画像を拡大]機能を追加する方法を教えてください。

私はいくつかのUIフォームとタスクのイメージを持っていますが、それらはかなり大きいです。小さい「サムネイル」画像を表示して、ユーザに「クリックして拡大する」オプションを選択してから、塗りつぶしサイズの画像をポップアップまたは別のウィンドウまたはタブに表示します。私はポップアップに眉をひそめていますが、これは私がやらなければならない決断です。

これについてはどうしたらいいでしょうか。フルサイズの画像をロードして新しいウィンドウを開くJavaScriptをどこに配置すればよいですか。

1
ProfK

これにはライトボックスを使うべきです。これを試してください。うまくいきます

http://lokeshdhakar.com/projects/lightbox2/

それを使用する方法についての指示とそれを動かす方法についての文書があります。ダウンロードにはサンプルも含まれているので、コードをコピーして貼り付けるだけです。

1
Jamie