Question

我刚刚添加了一个Javascript幻灯片，它有一个这样的代码段：

 <script type="text/javascript">
                effectsDemo2 = 'rain,stairs,fade';
                var demoSlider_2 = Sliderman.slider({container: 'SliderName_2', width: 700, height: 450, effects: effectsDemo2,
                    display: {
                        autoplay: 3000,
                        loading: {background: '#000000', opacity: 0.5, image: 'img/loading.gif'},
                        buttons: {hide: true, opacity: 1, prev: {className: 'SliderNamePrev_2', label: ''}, next: {className: 'SliderNameNext_2', label: ''}},
                        description: {hide: true, background: '#000000', opacity: 0.4, height: 50, position: 'bottom', },
                        navigation: {container: 'SliderNameNavigation_2', label: '<img src="img/clear.gif" />'}
                    }
                });
            </script>

如何设置＆＃34;描述＆＃34;属性，位置底部但有点位于顶部？我想添加一些像CSS＆＃34; top：-10px＆＃34;？

谢谢！

Answer 1

根据Sliderman Slider的API参考，您无法使用javascript添加它。但我认为你可以在顶部使用CSS。

此插件未添加任何类描述。所以我建议从Javascript中删除背景

description: {hide: true, background: transparent, opacity: 1, height: 50, position: 'bottom' },

类名与.SliderNameDescription

类似

您需要添加margin-top。还为CSS添加背景和其他样式

.SliderNameDescription {
   margin-top: -10px;
}

Javascript描述属性，我该如何控制它的位置？

1 个答案: