如何将幻灯片的光标从幻灯片的图像的右侧移动到底部?

时间:2019-04-02 00:53:35

标签: javascript css slideshow

我正在与Aruba一起构建站点,我想在首页中放一张幻灯片,但是我不能将光标从图像的右边移到底部。 有人可以帮我吗?

小部件代码,来自文件“ home.twig”:

{{widget('responsiveslideshow', 'responsiveslideshow',
        {'duration':'5',
            'transSpeed': '1000',
            'transType': 'fade',
            'showButtons': false,
            'showBullets': true,
            'allowPause': false,
            'allowLoop': false,
            'showDescription': true,
            'showTitle': true,
            'crop': true,
            'images': [
                {'imageHeight':'auto', 'imageWidth':'100%', 'url':asset('images/feature-bg.jpg'), 'title':'The Quest', 'description': 'To the west side of the bridge'},
                {'imageHeight':'auto', 'imageWidth':'100%', 'url':asset('images/feature-bg-2.jpg'), 'title':'The Quest', 'description': 'To the west side of the bridge'}
            ]
        })|raw
    }}

我在样式表中尝试过的代码

.widget.responsiveslideshow, .slideshow-widget-wrapper, .widget.responsiveslideshow .slideshow-widget, .widget.responsiveslideshow .slideshow-image-list {
        min-height: 500px;
        height: 100%;
    }


    .slideshow-widget-controls {
        position: absolute;
        top: 48%;
        right: 25px;
    }

    .widget.responsiveslideshow {
        border: none;
        padding: 35px 30px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        @media @tablet {
            padding: 35px 20px;
        }
    }

0 个答案:

没有答案