Basic image slider using jQuery
##Description This simple plugin helps you centralize your DOM element against their parent element or the window.
- Please see demo/demo.html
- jQuery 1.2.6+
- Firefox 2.0+
- Internet Explorer 6+
- Safari 3+
- Opera 10.6+
- Chrome 8+
- First, make sure you are using valid DOCTYPE
- Include nessesary JS files from js folder
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="path-to-file/jQuery.anyElementCeneter.js"></script>
- description: sliding or transition speed
- data type: integer
- default value: 1000
- possible value: any integer value
- description: pause time before transition or sliding
- data type: integer
- default value: 2000
- possible value: any integer value
- description: transition method
- data type: string
- default value: 'slide/fade'
- possible value: 'slide/fade'
- description: images height
- data type: integer
- default value: 400
- possible value: any integer value
- description: images width
- data type: integer
- default value: 800
- possible value: any integer value
Example code:
// centralize #some-element against the window
$('#imgSlider').imgSlider({
speed:1000,
pause:2000,
transition:'slide',
imgheight:400,
imgwidth:800
});
The expandable plugin is licensed under the MIT License (LICENSE.txt).
Copyright (c) 2016 Supun Sameera Liyanage