PlusSlider 2个焦点图,一个可以固定图片宽和高一个显示实际大小
来源:互联网 发布:食用油知乎 编辑:程序博客网 时间:2024/05/16 06:27
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
0 0
- PlusSlider 2个焦点图,一个可以固定图片宽和高一个显示实际大小
- 一个图片是通过百分比设置的宽度。如果想他是个正方形,宽和高一样怎么办呢
- 2个不同的图片效果,可以用焦点图
- 关于获得一个view的宽和高
- 图片固定大小显示问题
- 关于3个div,一个固定大小,两个自定义。方法
- 根据手机屏幕的大小动态设置图片宽和高
- 图片的宽和高
- 获取图片宽和高
- Android图片的固定大小显示
- Android图片的固定大小显示
- 如何正确的获得一个view的宽和高
- 如何正确的获得一个view的宽和高
- 如何正确的获得一个view的宽和高
- 如何正确的获得一个view的宽和高
- 如何使一个div的宽和高占整个屏幕
- OpenCV 一个窗口显示多个图片
- 一个可以根据设定输出图片的函数 可以改变图片的大小
- Facebook CEO扎克伯格去年净资产增124亿美元
- Unity3D脚本编程--基本概念
- extjs
- 如何用其他app打开里的文件
- 程序员每天该做的事
- PlusSlider 2个焦点图,一个可以固定图片宽和高一个显示实际大小
- autoit编辑器学习
- 常用数据结构
- 循环-06. 统计一行文本的单词个数(15)
- ubuntu 安装。
- 传iOS 7.1将在3月15日发布:增强移动设备管理
- Oracle trim 简介
- GPS 的经纬度换算成距离的代码(转载)
- C# break ,continue, return