<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>jQuery responsiveSlides Plugin Demo</title> <style> #content { width:100%; height:450px; position:relative; background:#99FF33; } </style> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script type="text/javascript" src="jquery.onImagesLoad.min.js"></script> <script type="text/javascript" src="jquery.responsiveSlides.js"></script> </head> <body> <div id="content"> <img src="1.jpg"> <img src="2.jpg"> <img src="3.jpg"> </div> <script language="javascript"> $(function(){ var p=$('#content').responsiveSlides({ height:450, // slides conteiner height background:'#fff', // background color and color of overlayer to fadeout on init autoStart:true, // boolean autostart startDelay:0, // start whit delay effectInterval:5000, // time to swap photo effectTransition:1000, // time effect pagination:[ { active:true, // activate pagination inner:true, // pagination inside or aouside slides conteiner position:'B_R', /* pagination align: T_L = top left T_C = top center T_R = top right B_L = bottom left B_C = bottom center B_R = bottom right */ margin:10, // pagination margin dotStyle:'', // dot pagination class style dotStyleHover:'', // dot pagination class hover style dotStyleDisable:'' // dot pagination class disable style } ] }); }); </script> </body> </html>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)