国产午夜爽爽爽男女免费动漫AV-爽死你个放荡粗暴婬故事-欧美在线观看大屁股视频-免费 无码 国产在线观看观

內(nèi)容優(yōu)化

內(nèi)容優(yōu)化

Products

當(dāng)前位置:首頁 > 內(nèi)容優(yōu)化 >

列表頁實(shí)現(xiàn)隨機(jī)縮略圖

96SEO 2025-04-24 08:28 132


因?yàn)榈目s略圖不支持鏈接,火車頭發(fā)布縮略圖鏈接無效,只能本地化后調(diào)用。
找到主題下的.htm flat.htm list.htm .htm .inc.htm read.htm文件中的列表縮略圖,比如我的主題下的代碼:

<div class="">
                        <a class="" href="<?php echo $_['url'];?>" title="<?php echo $_[''];?>">
                            <img width="480" ="300" src="<?php echo (),'img/nopic.png';?>" class="   " alt="<?php echo $_[''];?>" ="lazy" ="<?php echo $_[''];?>">
                        </a>
                    </div>

替換為以下代碼:除了php獲取目錄圖以外,源代碼 替換了,增加了 字段。css中要對應(yīng)。



        <?php
        // 指定圖片目錄
        $ = $_[''] . "http://";
        
        // 獲取目錄中的所有圖片文件
        $ = glob($ . "*.{jpg,png,gif,jpeg,webp}", );
        
        // 隨機(jī)選擇一個圖片
        if (!empty($)) {
            $ = ($_[''], '', $[($)]);
        } else {
            $ = "http://.jpg"; // 如果沒有圖片,使用默認(rèn)圖片
        }
        ?>
        <div class="">
            <a class="" href="<?php echo $_['url'];?>" title="<?php echo $_[''];?>">
                <img class="" src="<?php echo ();?>skin//lazy.png" ="<?php echo $; ?>" width="100%" ="auto" alt="<?php echo $_[''];?>">
                <div class=""><?php echo $_['']; ?></div>
            </a>
        </div>


        <?php
        // 指定圖片目錄
        $ = $_[''] . "http://";
        
        // 獲取目錄中的所有圖片文件
        $ = glob($ . "*.{jpg,png,gif,jpeg,webp}", );
        
        // 隨機(jī)選擇一個圖片
        if (!empty($)) {
            $ = ($_[''], '', $[($)]);
        } else {
            $ = "http://.jpg"; // 如果沒有圖片,使用默認(rèn)圖片
        }
        ?>
        <div class="">
            <a class="" href="<?php echo $_['url'];?>" title="<?php echo $_[''];?>">
                <img class="" src="<?php echo ();?>skin//lazy.png" ="<?php echo $; ?>" width="100%" ="auto" alt="<?php echo $_[''];?>">
                <div class=""><?php echo $_['']; ?></div>  <!--0是側(cè)邊欄-->
            </a>
        </div>

tag標(biāo)簽頁,tag.htm

	<?php
        // 指定圖片目錄
        $ = $_[''] . "http://";
        
        // 獲取目錄中的所有圖片文件
        $ = glob($ . "*.{jpg,png,gif,jpeg,webp}", );
        
        // 隨機(jī)選擇一個圖片
        if (!empty($)) {
            $ = ($_[''], '', $[($)]);
        } else {
            $ = "http://.jpg"; // 如果沒有圖片,使用默認(rèn)圖片
        }
        ?>
	<div class=""> <a class="" href="<?php echo $_['url'];?>" title="<?php echo $_[''];?>" ="_blank"> <img class="" src="<?php echo $_[''];?>" ="<?php echo $; ?>" width="100%" ="auto" alt="<?php echo $_[''];?>"> </a> <a class="" href="<?php echo $_[''];?>" ="_blank"><?php echo $_[''];?></a> </div>


        <?php
        // 指定圖片目錄
        $ = $_[''] . "http://";
        
        // 獲取目錄中的所有圖片文件
        $ = glob($ . "*.{jpg,png,gif,jpeg,webp}", );
        
        // 隨機(jī)選擇一個圖片
        if (!empty($)) {
            $ = ($_[''], '', $[($)]);
        } else {
            $ = "http://.jpg"; // 如果沒有圖片,使用默認(rèn)圖片
        }
        ?>
        <div class="">
            <a class="" href="<?php echo $_['url'];?>" title="<?php echo $_[''];?>">
                <img class="" src="<?php echo ();?>skin//lazy.png" ="<?php echo $; ?>" width="100%" ="auto" alt="<?php echo $_[''];?>">
                <div class=""><?php echo $_['']; ?></div>  <!--0是側(cè)邊欄-->
            </a>
        </div>


CSS中:

. {
    : ; /* 設(shè)置相對定位以便內(nèi)部元素絕對定位 */
    width: 100%;
    : 100%;
    : ; /* 避免文字溢出圖片邊界 */
}

. img {
    : block;
    width: 100%;
    : 100%;
}

. {
    : ;
    top: 8px;  
    left: 0;
    width: 100%;
    : rgba(0, 0, 0, 0.4); /* 半透明黑色背景 */
    color: #fff; /* 白色文字 */
    : ;
    : 10px 0;
    : 8px;
}
. {
    : ;
    top: 18px;  
    left: 0;
    width: 100%;
    : rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
    color: #fff; /* 白色文字 */
    : ;
    : 10px 0;
    : 12px;
}


標(biāo)簽: WellCMS

提交需求或反饋

Demand feedback