I like the flash effect. It is easy to change the colors.
Posted about 1 month ago
This project driven by xml is usually used in home page. you can use it to show your news, projects and articles with thumbnail. It runs automatically with specified time interval. When you mouse over thumbnail or title or previous(next) button, it will stop running. You can click it to view the detail info. When you mouse out, it will run again.
Features:
1. xml driven, the xml url can be modified;
2. news reader or articl reader with thumb;
3. control thumb dimension with imageScale parameter;
4. blur fade in and twinkle for main image.(you can disable twinkling function if you do not like it.)
5. control the length of title with descLength parameter;
6. control the length of description with descLength parameter;
7. control the interval time of changing with intervalTime parameter;
8. auto play function;
9. preview and next buttons control function;
10. click main image or click title to view the detail info.
11. tween mask for descripton text.
Parameters:
var imagePosX = 20; //define large image’s x positon
var imagePosY = 15; //define large image’s y positon
var imageScaleX = 1; //define your image x scale relating your actual image dimension.
var imageScaleY = 1; //define your image y scale relating your actual image dimension.
var titleBarPosX = 240; // define title bars’ x positons
var titleBarPosY = 15; //define title bars’ y positons
var titleLength = 50; //limit the title text length
var descLength = 240; //limit the description text length
var xmlUrl = “news.xml”; // xml file path
var intervalTime = 5000; //define interval time for your news
var origBlurValue = 30; //blur value for photo
var photoTwinkling = true; //whether use photo twinkling effect.
You may also like works below:
| Animations | |||
![]() |
|||
| Banner Rotator | |||
![]() |
![]() |
||
| Menu | |||
![]() |
![]() |
||
| News Reader | |||
![]() |
|||
| Preloader | |||
![]() |
![]() |
||
looks nice..
but dont really like that the image flicks again when the mouse is holded over a button .. blur is smooth enough 