1

同様の質問に出くわしましたが、投稿された回答を実装する最善の方法がわかりません。jssor プラグインを使用していますが、各サムネイルのサイズが異なります。リストされているサイズに準拠させる必要がありますが、現在の設定方法では、それぞれが 72px x 72px に設定されています。幅と高さを 100% に設定しようとしましたが、実際には機能していないため、正確にどこに行くべきかわかりません。これをこのコードに追加しますか、それとも何が欠けていますか? 助けてくれてありがとう

  <div u="slides" style="cursor: move; background: black;">
            <div u="prototype" class="p" style="POSITION: absolute; WIDTH: 72px; HEIGHT: 72px; TOP: 0; LEFT: 0;">
                <div class="o" style="position:absolute;top:1px;left:1px;width:72px;height:72px;overflow:hidden;">
                    <ThumbnailTemplate class="b" style="width:72px;height:72px; border: none;position:absolute; TOP: 0; LEFT: 0;"></ThumbnailTemplate>
                    <div class="i"></div>
                    <ThumbnailTemplate class="f" style="width:72px;height:72px;border: none;position:absolute; TOP: 0; LEFT: 0;"></ThumbnailTemplate>
                </div>
            </div>

これが実際のコードです。情報は見つかりましたが、ここでどのように機能するかわかりません。私はphpスクリプトを使用していますが、これを理解するのはやや複雑です。ありがとう： foreach ($result as $row) { echo "<div> <p><small><span style=\"color:white\">To explore images click on smaller image below to start.</span></small></p> <a href=\"http://mirrorofrace.org/TemplateZoom.php?photo_id={$row['photo_id']}\" target=\"_blank\"><img u=\"image\" src=\"http://mirrorofrace.org/{$row['full_size']}\" alt=\"\" ></a> <img u=\"thumb\" src=\"http://mirrorofrace.org/{$row['thumbnail']}\" alt=\"\" style=\"border: 0\"> <br><span style=\"color:white\">Click Image to Zoom&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"../gallery/profile.php?photo_id={$row['photo_id']}\">Info Page</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{$row['figure_1']}</span> </div>"; } ?> </div>

4

4 に答える 4

0 
<img u=\"thumb\" src=\"http://mirrorofrace.org/{$row['thumbnail']}\"  alt=\"\" style=\"border: 0\">
于 2014-04-02T05:30:55.660 に答える
0

交換してください

<img u="thumb" src="../img/landscape/thumb-01.jpg" />

と

<div u="thumb">
    <div style="width: 100%; height: 100%; background-image: url(../img/landscape/thumb-01.jpg); background-size: contain;"></div>
</div>

また、必要に応じて「backgorund-size」のプロパティ値を変更できます。

于 2014-04-02T02:58:01.207 に答える
0 
<div u=\"thumb\">
    <div style=\"width: 100%; height: 100%; background-image: url(http://mirrorofrace.org/{$row['thumbnail']}); background-size: contain;\"></div>
</div>
于 2014-04-02T09:48:22.070 に答える