Build your slider with both image and text contents auto-fit into the slider as per dimensions Color the slider bullets to suit the slider images


Image and Content Slider jQuery Plugin

View Demo   Download

ajSlider is a slideshow jQuery plugin which can be used as the main banner for your webpages or as a image gallery. Please see the documentation.


  • Enable/Disable the automatic slideshow action.
  • Set the height/width of the slider to your requirement or if not specified, it automatically calculates the size from the added images.
  • Specify the colors for the slider bullets.
  • Specify the position and size of the slide's text content.


1. Height/Width

If you want the slider to fit the whole screen, set the width and height to "100%". Or if you want to fit the slider in as a banner then set the width alone to "100%" and the height will be automatically calculated to maintain the aspect ratio of the image. If you want to use it as a image gallery, then specify the height and width to fit in to your webpage.

Default value : Actual size of the image. If the images are of different sizes, then the highest dimensions.

2. Text content

You can set the font size of the text with the textSize property and the position the the text from the top of the slider with the textPosition property.

Default value : textSize is 32px and textPosition is 35%.

3. Bullets

You can specify the colors for the bullets both the active and inactive bullets. You can set the color of active bullet with activeBullet property and others with inactiveBullet property. You can either specify the name of color such as "blue" if you are familiar with the HTML color names or else use the rgb property to specify the color. For example, rgb(0,0,255) for blue.

Default value : activeBullet is black and inactiveBullet is grey.

If you wish to help us continue and improve our services