- 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
Venetian-app-marketing@gieaia.com
浙江组织工作网
国浩律师事务所
体育博彩平台
Huobo-Sports-info@newtownnewcomers.com
Huobo-Sports-info@newtownnewcomers.com
太阳城
Huobo-Sports-media@bajafutbolrapido.com
美高梅博彩
齐鲁网财经频道
Gambling-platform-sales@mobgets.com
宿迁赶集网
券买买
三亚搜狐焦点网
骂人宝典
九个头条网
遂平在线—
云南大学滇池学院
六一儿童网
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 ( tag): 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:
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: