草庐IT

bootstrap-slider

全部标签

jquery - Nivo Slider Jquery 插件 - 图像自动调整大小

问题:我怎样才能让我的照片不那么夸张?为什么我看不到整个图像?解释:我将NivoSliderJquery插件放在我的网页上,效果很好!问题是当我放入图像时,图像尺寸不正确。图像模糊,slider未显示整个图像。我查看了CSS,它看起来不错。这是我的HTML代码:这是我的CSS(我有两个链接到此页面的CSS文件nivo-slider.css和bar.css用于NivoSlider主题)。nivo-slider.css:.nivoSlider{position:relative;width:100%;height:auto;overflow:hidden;}.nivoSliderimg{p

jquery - Nivo Slider Jquery 插件 - 图像自动调整大小

问题:我怎样才能让我的照片不那么夸张?为什么我看不到整个图像?解释:我将NivoSliderJquery插件放在我的网页上,效果很好!问题是当我放入图像时,图像尺寸不正确。图像模糊,slider未显示整个图像。我查看了CSS,它看起来不错。这是我的HTML代码:这是我的CSS(我有两个链接到此页面的CSS文件nivo-slider.css和bar.css用于NivoSlider主题)。nivo-slider.css:.nivoSlider{position:relative;width:100%;height:auto;overflow:hidden;}.nivoSliderimg{p

javascript - 在 slider div 上设置动态内容

我正在尝试使用这两个jquery插件之一(awkward/CodaSlider3)来滑动DIV内容。一切正常,直到我在创建插件对象后尝试设置动态内容(使用js)。DIV仅显示在插件创建之前加载的内容。为此目标的任何想法或其他DIVslider插件。谢谢。ajax工作完美我已经检查过了。这是codaslider$('#slider-id').codaSlider();的加载函数对于“尴尬”:$(window).ready(function(){$("#showcase").awShowcase({content_width:700,fit_to_parent:false,auto:fal

javascript - 在 slider div 上设置动态内容

我正在尝试使用这两个jquery插件之一(awkward/CodaSlider3)来滑动DIV内容。一切正常,直到我在创建插件对象后尝试设置动态内容(使用js)。DIV仅显示在插件创建之前加载的内容。为此目标的任何想法或其他DIVslider插件。谢谢。ajax工作完美我已经检查过了。这是codaslider$('#slider-id').codaSlider();的加载函数对于“尴尬”:$(window).ready(function(){$("#showcase").awShowcase({content_width:700,fit_to_parent:false,auto:fal

jQuery Bootstrap : "TypeError: ' undefined' is not a function (evaluating 'jQuery(' #myModal'). 模态 ('hide' )')

在我的应用程序中,我想在ajax请求完成后手动关闭Bootstrap模态视图。我在回调中调用jQuery('#myModal').modal('hide');,function(){jQuery('#myModal').modal('hide');}但模态视图不会被隐藏。我仔细检查了我在Bootstrap之前包含了jQuery,所以问题不在那里。我总是收到以下错误:TypeError:'undefined'isnotafunction(evaluating'jQuery('#myModal').modal('hide')')模态看起来像这样:×InviteFlatmateE

jQuery Bootstrap : "TypeError: ' undefined' is not a function (evaluating 'jQuery(' #myModal'). 模态 ('hide' )')

在我的应用程序中,我想在ajax请求完成后手动关闭Bootstrap模态视图。我在回调中调用jQuery('#myModal').modal('hide');,function(){jQuery('#myModal').modal('hide');}但模态视图不会被隐藏。我仔细检查了我在Bootstrap之前包含了jQuery,所以问题不在那里。我总是收到以下错误:TypeError:'undefined'isnotafunction(evaluating'jQuery('#myModal').modal('hide')')模态看起来像这样:×InviteFlatmateE

android - 推特 Bootstrap : navbar not resized on orientation change (only with Android's stock browser)

我的TwitterBootstrap移动页面有一个固定顶部的导航栏我希望移动设备上的方向更改事件会触发导航栏的“调整大小”(桌面上的调整大小事件会正确触发导航栏的大小调整)。在导航栏的右侧,我有一个可折叠的导航栏开关,它可以打开/关闭主菜单:当将方向从横向更改为纵向时,菜单按钮不再可见,这是一场灾难......这个问题也可以通过官方的navbar-fixed-top示例(在http://getbootstrap.com/examples/navbar-fixed-top/)来验证。我在装有Android4.1.2的三星GalaxyS3上使用标准(默认)浏览器。iPhone(3)浏览器不

android - 推特 Bootstrap : navbar not resized on orientation change (only with Android's stock browser)

我的TwitterBootstrap移动页面有一个固定顶部的导航栏我希望移动设备上的方向更改事件会触发导航栏的“调整大小”(桌面上的调整大小事件会正确触发导航栏的大小调整)。在导航栏的右侧,我有一个可折叠的导航栏开关,它可以打开/关闭主菜单:当将方向从横向更改为纵向时,菜单按钮不再可见,这是一场灾难......这个问题也可以通过官方的navbar-fixed-top示例(在http://getbootstrap.com/examples/navbar-fixed-top/)来验证。我在装有Android4.1.2的三星GalaxyS3上使用标准(默认)浏览器。iPhone(3)浏览器不

jquery - 将 Bootstrap 3.0 Navbar 默认调整大小更改为自定义调整大小

我正在尝试制作一个根据屏幕尺寸进行调整的动态移动网站。这是导航栏目前的作用:在766像素宽度处:768像素宽度:990像素宽度:992px宽度:我基本上想剪掉768-990px​​的舞台,因为它看起来不太好!我检查了元素并在bootstrap默认css中找到了这段代码,它出现在768px的屏幕宽度处:media="screen"@media(min-width:768px).container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0;}我已经尝试将min-width更改为992px,

jquery - 将 Bootstrap 3.0 Navbar 默认调整大小更改为自定义调整大小

我正在尝试制作一个根据屏幕尺寸进行调整的动态移动网站。这是导航栏目前的作用:在766像素宽度处:768像素宽度:990像素宽度:992px宽度:我基本上想剪掉768-990px​​的舞台,因为它看起来不太好!我检查了元素并在bootstrap默认css中找到了这段代码,它出现在768px的屏幕宽度处:media="screen"@media(min-width:768px).container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0;}我已经尝试将min-width更改为992px,