3 
jQuery(function() {
    jQuery('#allinone_contentSlider_common').allinone_contentSlider({
        skin: 'common',
        width:1000,
        height: 1000,
        autoHideBottomNav:false,
        showPreviewThumbs:false,
        autoHideNavArrows:false,
        thumbsWrapperMarginBottom:-50
    });     
});

我将此代码用于我的完整页面滑块我想用徽标和 mwnues 旋转我的整个页面，在此代码中我有固定的高度和宽度我不想让它固定我想要它 100%。

在这段代码中，我想设置我的第 100 页的宽度，这里的高度和宽度是固定的，所以请给我任何建议，我该如何解决这个问题

4

5 回答 5

5

您使用 CSS 设置宽度。现在您可以像这样使用 jQuery 更改 css。

$("#id_of_your_element").css("width", "20%");
于 2013-05-30T08:51:59.540 回答
2

您可以简单地使用以下方法设置百分比宽度和高度：

$(elem).width('100%');
$(elem).height('100%');

请注意，这将是其包含父级的 100% 高度和宽度，而不一定是页面的 100% 高度和宽度。如果您的#allinone_contentSlider_common元素的父元素只有 100 像素的高度和宽度，则 100% 将反映这些值。

根据此allinone_contentSlider()插件方法的工作方式，您应该能够简单地使用：

jQuery('#allinone_contentSlider_common').allinone_contentSlider({
    width: '100%',
    height: '100%',
    ...
});
于 2013-05-30T08:51:40.447 回答
1

首先，您需要检查allinone_contentSlider您使用的选项是否接受除整数以外的任何内容width。

如果是这样 - 正确的选项将是width: '1000%'- 注意现在它是一个字符串，而不是一个整数。

于 2013-05-30T08:51:43.300 回答
0

在这种情况下，只需将其设置为 $(window).width() 和 $(window).height() 的宽度和高度。但是，您需要确保在调整窗口大小时更新这些值。正如我的回答中提到的，百分比值是包含它们的元素的百分比。例如：如果 div 是 100px 宽和 200px 高，并且 span 设置为 100% 的高度和宽度，则 span 将是 100px 宽和 200px 高。——詹姆斯·唐纳利 5 月 30 日 9:11

于 2013-06-13T08:20:15.157 回答
0

尝试

jQuery(function() {
var main_height = jQuery(window).height();
var main_width = jQuery(window).width();
jQuery('#allinone_contentSlider_common').allinone_contentSlider({
    skin: 'common',
    width: (main_width/100)*(your_width_in_%),
    height: (main_height/100)*(your_height_in_%),
    autoHideBottomNav:false,
    showPreviewThumbs:false,
    autoHideNavArrows:false,
    thumbsWrapperMarginBottom:-50
});     
});
于 2013-05-30T08:54:22.453 回答