我使用bxSlider 4.1.2,每张幻灯片都有不同的高度(包含段落和图片),所以我根据bxSlider AdaptiveHeight添加选项adaptiveHeight:true
。当第一个加载页面时,滑块的高度跟随最高的滑块,因此它看起来像第一张幻灯片和控制器按钮之间的长距离。像这样:
我希望我的滑块在第一次加载时看起来像这样:
我在$(document).ready();
事件中调用了bxSlider,我正在尝试使用事件$(window).load();
,但它打破了我的滑块:(
这是我的javascript现在
$(document).ready(function ()
{
slider_custom1 = $('#slider_brand1').bxSlider({
controls: true,
autoControls: true,
adaptiveHeight: true,
pagerCustom: '#custom_bullets1',
nextSelector: '#slider-next1',
prevSelector: '#slider-prev1',
nextText: '<img src="<?php echo base_url('webroot/images/next_detail_product.png');?>" />',
prevText: '<img src="<?php echo base_url('webroot/images/prev_detail_product.png');?>" />'
});
});