1

JSSOR 横幅滑块是否可以：http: //www.jssor.com/demos/banner-slider.html

在调整大小时不缩放缩略图旁边的文本？

查看我的网站正在开发中： http ://www.hansdietze.com/2014/diamant.php?taal=nl

恐怕文本没有缩放并且在 iPad 纵向上变得不可读....

4

2 回答 2

0

此外，缩略图导航器还有一个 $Scale 选项，但调整大小有点复杂。

            $ThumbnailNavigatorOptions: {
                ...
                $Scale: false,
                ...
            }
于 2014-07-01T23:05:12.500 回答
0

我想您可以使用 css 使文本的字体大小更大。换了怎么办

    <!-- ThumbnailNavigator Skin Begin -->
    <div u="thumbnavigator" class="sliderb-T" style="position: absolute; bottom: 0px; left: 0px; height:45px; width:860px;">
        <div style="filter: alpha(opacity=40); opacity:0.4; position: absolute; display: block;
            background-color: #000000; top: 0px; left: 0px; width: 100%; height: 100%;">
        </div>
        <!-- Thumbnail Item Skin Begin -->
        <div u="slides">
            <div u="prototype" style="POSITION: absolute; WIDTH: 860px; HEIGHT: 45px; TOP: 0; LEFT: 0;">
                <thumbnailtemplate style="font-family: 'News Cycle', sans-serif;
font-size:16px;
font-weight:700;
 POSITION: absolute; WIDTH: 100%; HEIGHT: 100%; TOP: 0; LEFT: 0; color:#fff; line-height: 36px; padding-left:10px;"></thumbnailtemplate>
            </div>
        </div>
        <!-- Thumbnail Item Skin End -->
    </div>
    <!-- ThumbnailNavigator Skin End -->

和

    <!-- ThumbnailNavigator Skin Begin -->
    <style>
        .thumb_text {
            font-family: 'News Cycle', sans-serif;
            font-size: 16px;
            font-weight: 700;
            POSITION: absolute;
            WIDTH: 100%;
            HEIGHT: 100%;
            TOP: 0;
            LEFT: 0;
            color: #fff;
            line-height: 36px;
            padding-left: 10px;
        }

        @media only screen and (max-width: 768px) {
            .thumb_text {
                font-size: 20px;
            }
        }
    </style>

    <div u="thumbnavigator" class="sliderb-T" style="position: absolute; bottom: 0px; left: 0px; height:45px; width:860px;">
        <div style="filter: alpha(opacity=40); opacity:0.4; position: absolute; display: block;
            background-color: #000000; top: 0px; left: 0px; width: 100%; height: 100%;">
        </div>
        <!-- Thumbnail Item Skin Begin -->
        <div u="slides">
            <div u="prototype" style="POSITION: absolute; WIDTH: 860px; HEIGHT: 45px; TOP: 0; LEFT: 0;">
                <thumbnailtemplate class="thumb_text"></thumbnailtemplate>
            </div>
        </div>
        <!-- Thumbnail Item Skin End -->
    </div>
    <!-- ThumbnailNavigator Skin End -->
于 2014-07-01T23:00:18.380 回答