PlusSlider 2个焦点图,一个可以固定图片宽和高一个显示实际大小
2014-05-26 08:48
567 查看
PlusSlider 2个焦点图,一个可以固定图片宽和高一个显示实际大小
演示
XML/HTML Code<div id="slider">
<div data-title="PlusSlider" class="slide1">
<div>
<h2>PlusSlider</h2>
<p>
A content slider that simply works...<br />
The right way
</p>
</div>
</div>
<a data-title="Tree" href="#"><img src="images/tree.jpg" alt="" height="250" width="351" /></a>
<img data-title="Sunset" src="images/clouds.jpg" alt="" height="134" width="630" />
<img data-title="Stop Sign" src="images/image4.jpg" alt="" height="250" width="630" />
</div>
<br /><br />
<div id="slider2">
<a href="#"><img src="images/image2.jpg" alt="" height="250" width="630" /></a>
<img src="images/image3.jpg" alt="" height="250" width="630" />
<img src="images/image4.jpg" alt="" height="250" width="630" />
</div>
</div>
</div>
JavaScript Code<script type="text/javascript">
$(document).ready(function(){
$('#slider').plusSlider({
autoPlay: false,
sliderEasing: 'easeInOutExpo', // Anything other than 'linear' and 'swing' requires the easing plugin
paginationPosition: 'append',
sliderType: 'slider' // Choose whether the carousel is a 'slider' or a 'fader'
});
$('#slider2').plusSlider({
autoPlay: false,
displayTime: 2000, // The amount of time the slide waits before automatically moving on to the next one. This requires 'autoPlay: true'
sliderType: 'fader', // Choose whether the carousel is a 'slider' or a 'fader'
width: 500, // Overide the default CSS width
height: 250 // Overide the default CSS width
});
$('#slider3').plusSlider({
sliderEasing: 'easeInOutExpo', // Anything other than 'linear' and 'swing' requires the easing plugin
fullWidth: true,
autoPlay: false,
sliderType: 'slider' // Choose whether the carousel is a 'slider' or a 'fader'
});
});
</script>
原文地址:http://www.freejs.net/article_jiaodiantu_150.html
相关文章推荐
- css设置多个img为固定高度显示,不受图片实际尺寸影响而改变大小
- 又一个jquery轮播效果,焦点图,带数字显示序号,这个可以添加对应标题在图片上,支持主流浏览器
- QT5-控件-QScrollArea-可以用于把一个窗口分割为多个-比如根据图片大小显示滚动条
- 又一个jquery轮播效果,焦点图,带数字显示序号,这个可以添加对应标题在图片上,支持主流浏览器
- 又一个jquery轮播效果,焦点图,带数字显示序号,这个可以添加对应标题在图片上,支持主流浏览器
- 又一个jquery轮播效果,焦点图,带数字显示序号,这个可以添加对应标题在图片上,支持主流浏览器
- 设计一个窗体。窗体上有2个按钮,一个显示文本,一个显示图片。单击上面按钮,或按下alt+B可以弹出右边所示的消息框。单击下面按钮也可以弹出右边所示的消息框
- 更改图片大小,显示固定尺寸
- 一个可以显示图片(包括GIF动画)的ATL控件,以及在RichEdit中如何使用此控件插入图片
- UIImageView:可以通过UIImage加载图片赋给UIImageView,加载后你可以指定显示的位置和大小。 1、初始化
- wxWidgets中不同大小的图片在一个固定大小区域预览,缩略图处理的用法和总结
- 窗体中有一个图片框,显示一副图片。要求:1)在窗体打开时,动态加载图片;2)设置图片显示模式为根据图片框大小缩放图片;3)图片自己找;4)当鼠标停留在图片框时,显示“**风光”提
- jquery预览图片实现鼠标放上去显示实际大小
- 推荐一个Xcode插件: KSImageNamed (自动补全图片文件名称, 并显示图片大小)
- 固定容器内-未知大小图片-垂直居中等比例显示
- opengl离屏渲染(不需要和窗口绑定,仅当作一个可以渲染一张图片的API使用)+ opencv显示
- 任意大小的图片垂直水平居中与一个固定大小的容器中
- jquery 预览图片,鼠标放上去显示实际大小的预览图片
- 就是那个上传的。按实际上传时的文件名称保存(不在是test.jpg了)图片可以改大小,图
- Android图片的固定大小显示