幻灯片图片显示数量设置 - - Powered by Discuz!NT Archiver

wwqqss444 - 2024/4/22 16:15:18

老师们好：请问如何将下图显示的图片由每行3张调整为每行4张？
25276

请各位高手指教

威子 - 2024/4/22 17:02:57

css调整图片DIV的值

wwqqss444 - 2024/4/23 16:45:45

回复 1楼威子的帖子

谢谢指教！
我找不到相应文件位置，麻烦再指导一下。

威子 - 2024/4/24 14:55:16

模板里 list.cshtml 文件里查找 <ul>下 <li>里面的class=下：col-md-4 改为 col-md-3

wwqqss444 - 2024/4/24 15:33:01

回复 4楼威子的帖子

非常感谢您耐心的回答。我没找到您说的文件。
我用的是schoolt9271模板建站。
下面这张是调用代码
25279

另外两个是相关list类文件代码
25280

威子 - 2024/4/24 17:41:02

你在页面右键查看网页源代码复制看看

wwqqss444 - 2024/4/25 8:16:46

回复 6楼威子的帖子
非常感谢您耐心的回帖指导！

以下是本栏目代码：
  <div class="news border margin-top-26 showowl">
                <div class="col-lg-12 col-sm-12 col-xs-12">
                    <div class="title">
                        <h6 class="text-red">校友风采</h6>
                    </div>
                    <div id="owl-demo01" class="owl-carousel">
                    <div class="item">
                        <div class="img">
                            <a href="/news/4244.cshtml">
                                <img src="/upload/images/2021/03/23/094504_1_392.jpg" alt="祝贺中学荣获“好校园”荣誉称号" />
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <a href="/news/4243.cshtml">
                                <img src="/upload/images/2021/03/23/094434_1_391.jpg" alt="祝贺中学荣获沧州市“好校园”荣誉称号" />
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <a href="/news/4216.cshtml">
                                <img src="/upload/Images/2021/03/15/1538349570.jpg" alt="孙——2020年终考核优秀" />
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <a href="/news/4214.cshtml">
                                <img src="/upload/Images/2021/03/15/1521512900.jpg" alt="李爱——2020年度考核优秀" />
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <a href="/news/4213.cshtml">
                                <img src="/upload/Images/2021/03/15/1536402220.jpg" alt="王——2020年终考核记功" />
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <a href="/news/4212.cshtml">
                                <img src="/upload/Images/2021/03/15/1534368720.jpg" alt="王金——2020年度考核记功" />
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <a href="/news/4211.cshtml">
                                <img src="/upload/Images/2021/03/15/1507228080.jpg" alt="王寿——2020年终考核" />
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <a href="/news/4208.cshtml">
                                <img src="/upload/Images/2021/03/15/1502444980.jpg" alt="侯——2020年终考核记功" />
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <a href="/news/4207.cshtml">
                                <img src="/upload/Images/2021/03/15/1458263330.jpg" alt="陈金——2020年度考核记功" />
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <a href="/news/4205.cshtml">
                                <img src="/upload/Images/2021/03/15/1451363140.jpg" alt="2020年度政府考核表彰记功人员" />
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <a href="/news/4147.cshtml">
                                <img src="/upload/Images/2021/03/15/0650565010.jpg" alt="我校被授予西北农业大学优秀生源基地" />
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <a href="/news/4146.cshtml">
                                <img src="/upload/Images/2021/03/15/0647392490.jpg" alt="我校被评为三八优秀集体" />
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <a href="/news/4145.cshtml">
                                <img src="/upload/Images/2021/03/15/0646294130.jpg" alt="2020年，我校连续五次被沧州日报报道" />
                            </a>
                        </div>
                    </div>
                    </div>

wwqqss444 - 2024/4/25 8:22:00

回复 6楼威子的帖子
非常感谢您耐心的回帖指导：
以下是网页首部代码：
<html>
<head>
    <title>中学网站管理系统</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="author" content="PageAdmin CMS" data-url="http://www.pageadmin.net" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0,minimal-ui" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit" />
    <link rel="stylesheet" href="/Templates/SchoolT9271/Css/base.css" />
    <link rel="stylesheet" href="/Templates/SchoolT9271/Css/owlcarousel.css" />
    <link rel="stylesheet" href="/Templates/SchoolT9271/Css/master.css" />
    <link rel="stylesheet" href="/Templates/SchoolT9271/Css/font-awesome.css" />
    <link rel="stylesheet" href="/Templates/SchoolT9271/Css/style.css" />
    <link rel="stylesheet" href="/Templates/SchoolT9271/Css/swiper.min.css" />
    <script src="/Templates/SchoolT9271/Js/jquery-1.12.4.min.js"></script>
    <script src="/Templates/SchoolT9271/Js/jquery.easing-1.3.min.js"></script>
    <script src="/Templates/SchoolT9271/Js/jquery.ui.totop.min.js"></script>
    <script src="/Templates/SchoolT9271/Js/sliderbanner.js"></script>
    <script src="/Templates/SchoolT9271/Js/owl.carousel.js"></script>
    <script src="/Templates/SchoolT9271/Js/custom.js"></script>
    <script src="/Templates/SchoolT9271/Js/myjs.js"></script>
    <script src="/Templates/SchoolT9271/Js/swiper.min.js"></script>
    <script src="/Templates/SchoolT9271/Js/jquery.SuperSlide.2.1.3.js"></script>

</head>
<body>

威子 - 2024/4/25 15:21:20

编辑 owlcarousel.css 文件，
.item .img img{
    height: 270px;
    width: auto;
    min-width: 100%;
}
改height: 270px;的值，改小，多次测试。

威子 - 2024/4/25 15:22:54

或者把图做成高300，宽不超200，试试。

威子 - 2024/4/25 15:25:27

或者，在模板 <img src=" ，<img 后加样式 style="width:150px;" 定义一样宽度，多次修改测试。

wwqqss444 - 2024/4/25 16:16:44

回复 11楼威子的帖子

好的，谢谢您的指导，我都试试。

PageAdmin网站内容管理系统(CMS)交流论坛