私はこのコードを持っています:
<div class="images_liste_plante_solo">
<div class="image_liste_plante">
<img alt="Hosta - Eternal Flame" src="images/eternal_flame_miniature.jpg"/>
</div>
<div class="image_liste_plante">
<img alt="Hosta - Eternal Flame" src="images/eternal_flame-2_miniature.jpg"/>
</div>
<div class="image_liste_plante">
<img alt="Hosta - Eternal Flame" src="images/eternal_flame-3_miniature.jpg"/>
</div>
</div>
写真の数はPHPデータベースによって異なるため、このような写真の数は可変になります。フルスクリーンサイズの画像のディレクトリをエコーアウトして、すべての画像の最大サイズ(到達するのに十分な大きさの場合)を選択することもできます。
ですから、写真をクリックすると、Facebookで写真を拡大したいときのように、ページの後ろにあるものを暗くするフルスクリーンギャラリーで拡大する必要があります。クラスが「image_list_plante」の画像のみを使用し、各画像のフルスクリーン画像へのエコーされたリンクを使用します(このリンクは非表示のdivにエコーされる可能性があります)。また、画像を右クリックできるかどうかを決定するブール値を(非表示のdivで)エコーします。画像の下または上に配置されるテキストもエコーします。非表示のdivは、各「image_liste_plante」divの内部、および画像の後または前にあります。必要に応じて、これらの非表示のdivにクラスを配置できます。
それ、どうやったら出来るの ?難しい質問です。JavaScriptやjQueryなどについては何も知りません...私が知っているのはHTML/CSS / PHP/PDOだけです。
変更および適応できるプラグインはすでに構築されていますか?とりあえず、写真には.jpgファイルへのリンクだけを載せますが、このまま長くはありません。
*IE7やその他のブラウザでも動作する必要があります。