ajSlider

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

(★ 8)

Image and Content jQuery Plugin

ajSlider Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# ajSlider
Image and Content Slider jQuery Plugin
<br>
Developed by Arun Thomas
<br>
www.ajarunthomas.com
<br>
<br>
<a href="http://www.ajarunthomas.com/jquery/ajSlider/demo/" target="_blank" style="text-decoration:none">Demo</a>
<a download href="http://www.ajarunthomas.com/files/ajSlider.js" target="_blank" style="text-decoration:none">Download</a>
<br><br>
<a href="http://www.ajarunthomas.com/jquery/ajSlider/" target="_blank" style="text-decoration:none">Website</a>
## USAGE
### Step 1 : Include js
```
<script type="text/javascript" src="js/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="js/ajSlider.js"></script>
```
### Step 2 : HTML
```
<div id="ajSlider">
  <img src="images/1.jpg" width="" height="" />
  <img src="images/2.jpg" width="" height="" />
  <img src="images/3.jpg" width="" height="" />
  <img src="images/4.jpg" width="" height="" />
  <img src="images/5.jpg" width="" height="" />
  
  <a>Text 1</a>
  <a>Text 2</a>
  <a>Text 3</a>
  <a>Text 4</a>
  <a>Text 5</a>
</div>
```
Important : Don't forget to enter the width and height of the images if the jQuery is initialized in $(document).ready(function{});
<br>
### Step 3 : Initialize jQuery
```
$(document).ready(function() {
    $('#ajSlider').ajSlider(3000);
});
```
where 3000 is the interval between each slide
### more options
```
$(document).ready(function() {
    $('#ajSlider').ajSlider(3000,{
		"slideshow":"disable", //disable or enable the slideshow
		"width":"100%", //width of slider
		"height":"100%", //height of slider
		"activeBullet":"red", //color of the active bullet
		"inactiveBullet":"orange", //color of inactive bullet
		"textPosition":"30%", //position of text from top
		"textSize":"60px" //font size of the text
		});
});
```

ajSlider

ajSlider Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

ajSlider

ajSlider Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README