- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
“Faded” Slider
November 15, 2010
This is a Slider Script that uses fade effect for slide change transition effects. This slider could be used not only for images but for various content blocks as well. You can find full installation and configuration instructions by following this link.
JavaScript
In order to make the script work, the index-#.html file with a slider should contain these lines of HTML code in order to include the jquery.faded.js script and the jQuery framework:
JavaScript
In order to make the script work, the index-#.html file with a slider should contain these lines of HTML code in order to include the jquery.faded.js script and the jQuery framework:
The section of the index-#.html (or the section just before the closing
一起写
九河网络
追书网
车行易
Sports-platform-careers@zgytzs.net
金鹰卡通卫视官网
Euro-betting-contact@m-y-c.net
体育博彩
Sabah-Sports-website-admin@haerbinjiudian.com
Crown-Sports-customerservice@seezl.com
Gaming-platform-media@kongtiao11.com
Macau-Sun-City-official-website-feedback@waki-aiai.net
Crown-Sports-Betting-billing@seezl.com
足球买球
皇冠体育
Sun-City-entertainment-City-service@lhjcmaigaiti.com
永利皇宫
博彩平台网址大全
金鹰卡通卫视官网
赣冠官网
淘豆网
安徽机电职业技术学院
软行天下
金湖论坛
ABC讲座网
赶火车网
99健康网减肥
玄武科技
怒江大峡谷网
克拉玛依油城信息港
站点地图
天助网
SoDu迷
聚币网
tag) file contains these lines of code that initialize the script functionality with basic values:
This script is initialized with a • speed: 300 – sets animation speed; HTML In order to add a slide you will just need to add an image ( In order to add a slide you will just need to a bulleted list item ( tag): element with the #faded id. Script attributes define the following values:
• crossfade: false – crossfades content;
• bigtarget: false – click content for next;
• loading: false – for images only, checks if first image is loaded before showing it;
• autoheight: false – auto adjust height;
• pagination: “pagination” – sets true and class name for pagination; set to false to disable this feature;
• autopagination: true – set to true to auto generate pagination;
• nextbtn: “next” – next button class;
• prevbtn: “prev” – previous button class;
• loadingimg: false – location of loading image (e.g. /img/loading.gif) if using loading;
• autoplay: false – auto play of content (set to positive number for true); also sets time interval (use 1000 for 1 second);
• autorestart: false – auto restart if auto play stopped (set to positive number for true); also sets time interval (use 1000 for 1 second);
• random: false – set to true to randomize order.
Below you can see the HTML script representation for images: tag):
Below you can see the HTML script representation for various content:
CSS
You can find script related stylesheet in the main style.css file. You will need to modify the following styles: