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

ajSlider is a slideshow jQuery plugin which can be used as the main banner for your webpages or as a image gallery. All you have to do is add the js files, initialize jQuery and add the img tag and anchor tags enclosed inside the ajSlider div. Please see the documentation.

Features



Options

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.

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%.

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.



  Download js

  Github

  Demo

  More Plugins