開かれた画像の幅/高さ（ギャラリー）

Question

すべての画像が表示されているサムネイルブロックからなるサイトのギャラリーで働いています。 と特定の画像を表示するセクション。

サムネイルと画像を実際のサイズで表示するためのコードです。

<a class="thumb" name="tuzla1" href="http://hkdnapredak.com/root/images/stories/Tuzla2011.jpg" title="Tuzla"> 
<img height="75" width="75" src="http://hkdnapredak.com/root/images/stories/Tuzla2011.jpg" alt="Tuzla" /> 
</a> 

問題は次のとおりです。開いているイメージのサイズを設定することはできません。サムネイルサイズの設定は問題ありません：height = "75" width = "75"しかし、開いているサイズのサイズが問題です。

Answer 1

この方法を使用すると、リンク先の画像のサイズを設定できません。それは、HTMLに関連付けられていないブラウザーで開くので、フルサイズで開きます（または、ブラウザーに応じて調整されます）。

解決方法は、画像が含まれているページにリンクすることです。これにより、イメージサイズを決定するコードを設定できます。ただし、これは手作業のプロセスです.500枚の画像には500のカスタムページが必要です。理想的ではない。

さらに洗練されていれば、スクリプトを作成してイメージ名、高さ、幅を渡した後、ページを動的に構築してイメージを指定の高さと幅で表示できます。次に、1つのスクリプトで任意の数の画像を表示することができます。

別の方法は、lightboxプラグインを使用することです。このプラグインを使用すると、フルサイズの画像を残りのページの上に重ねて表示することができます。この方法は、Facebookや他のサイトで使用されているのを見たことがあります。普及しており、使用するのに多大な努力を要しません。私はそれが好きです。なぜならあなたはあなたのページを離れずに済むので、かなりコンパクトなページにたくさんの写真を表示できます。