国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

まず、フォト アルバムの HTML を貼り付けます

<p class="main-body">
<ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-gallery-border" data-am-gallery ="{ }" id="uldata">
<ボリスト名="imgdata" id="imgdata">
;
<p class="am-gallery-item" id="{$imgdata.id}">
<a href="{$url}{$imgdata.image}">
<img class="imgyes" src="{$url}{$imgdata.image}" alt="{$imgdata.note}" id="imgid{$imgdata.id}" style="width: 245px;高さ: 147px"/>
<h3 class="am-gallery-title">{$imgdata.name}</h3>
<p class="am-gallery-desc">{$imgdata.time|date='Y-m-d H:i:s',###}
</p>
</a>
</p>
</li>
</ボリスト>
</ul>

いくつかの説明: 上記のコードでは、<ul> (id は imgdata) はフロントエンド フレームワークの仕様であり、無視できます。
<volist> はバックエンドによる出力に使用されますが、無視することもできます。 {$imgdata.name} はバックエンドでも使用されます。

アルバムの寫真:

対応する畫像をクリックしてボックスをチェックすることで実現(xiàn)したい WeChat 効果のタイプ:

私の現(xiàn)在の一般的なアイデアは、CSS でチェックの HTML 効果を記述することです。対応する畫像をクリックした後、js を介してクラスを追加してチェック効果を?qū)g現(xiàn)します (チェックできるのは 1 つだけです)。
私の CSS の知識は比較的淺いので、より良い実裝アイデアや、対応する CSS および jQuery コードを得ることができればと考えています。

実際、畫像フックを?qū)g裝する CSS コードがもっと増えることを願っています。

とにかく、ありがとう。