使用引导建立一个响应Web横幅-旋转木马图（旋转木马）

1，引导程序提供了一个js插件-旋转木马图形

我们仍然是一样的。我们可以直接拿，我们需要换个地方。

2。修改

小屏幕看小地图、大屏幕图像看大图片：这可以使用自定义属性（数据XXX）和数据IMG XS数据IMG LG（保存大）（保存小图）的路径来保存图像的属性，删除数据XXXX属性动态加载使用jQuery数据功能。

画面的中心是显示大图片的背景图片做的更好，和小图片与IMG做得更好（因为小图片需要缩放比例，和背景图不能同等规模）。

轴承箱高度：转盘图时地图的高度，小地图自适应，所以要使用媒体查询，设置容器的高度。

三.代码


以前的
下一个

$（函数（）{（））
获取屏幕宽度
无功/屏幕宽度= $（窗口）（宽度）；
判断不是手机屏幕
/ /如果（屏幕宽度＜768）{ / /手机屏幕
/ / $（#旗帜。转盘内。项目（每个）功能（指标项）{
$项目（项目）；用于传输的项目是DOM，将DOM对象移到jQuery对象中
/ / item.css美元（背景图像
}；
其他大屏幕
/ / $（#旗帜。转盘内。项目（每个）功能（指标项）{
$项目（项目）；用于传输的项目是DOM，将DOM对象移到jQuery对象中
/ / item.css美元（背景图像
}；
}
三元
无功 / / isphone =屏幕宽度小于768；
/ / $（#旗帜。转盘内。项目（每个）功能（指标项）{
项目的交付是DOM，DOM对象是jQuery对象。
/ / item.css美元（背景图像
}；
功能selectimg（）{
VaR的屏幕宽度= $（窗口）Width（）；
无功isphone =屏幕宽度小于768；
$（#旗帜。转盘内。项目）。每个（功能（指标项）{）
var（$）；项目的交付是DOM，DOM对象是jQuery对象
item.css美元（背景图像
我们需要一个小地图 / /当比例的这种变化，所以我们需要标签img
如果（isphone）{
item.html美元（）；
{ }人
item.empty美元（）；
}
}）；
}
/ / $（窗口），（大小，selectimg）； / /这是没有效果的，我们必须改变图片的屏幕尺寸将被加载
$（窗口），（'resize '，selectimg）。Trigger（'resize '）； / /调整是触发事件，而不是事件处理程序selectimg
}）；
以上是萧边介绍使用的引导建立轮播图一响应式网页横幅（旋转木马），希望对你有帮助，如果您有任何问题，请给我留言，萧边会及时回复你。谢谢你的支持网站。