How to create responsive JQuery slider using Amazing Slider

An amazing slider is a software that creates responsive Jquery slider for your website. It provides more options than simply showing the pictures. Using this software, you can add transitions, pan and zoom effects, video clips, background music, captions, etc. It has the ability to enhance the presentation of your website. the created slider can work all modern devices and web browsers, including iPhone, iPad, Android, Windows Phone, Tablet, Firefox, Chrome, Safari, Internet Explorer 7, 8, 9 and 10.

You can create the slider as a WordPress Slider Plugin. Or you can create the slider as HTML files which can be easily inserted to Dreamweaver, Frontpage, and other HTML editors. It’s also easy to insert multiple sliders into one web page. This guide includes 2 main steps.

1.Download & install Amazing slider.
2.Create Responsive slider.

 

1.Download & install Amazing slider.

Download Amazing slider utility from https://amazingslider.com/. They provide premium version and a free version. Just download the freebie.

Responsive JQuery slider

 

Once you download the file, run the setup and install to the preferred location of your computer with most default configuration. Read the their policy if you want.

Responsive JQuery slider

 

Once you complete the installation, check to Launch Amazing slider or you can open manually from strat menu. Click Finish to close the setup and to launch Amazing slider on your computer.

Responsive JQuery slider

 

2.Create Responsive slider.

Once you successfully installed the utility, you can create a professional slider in simple 5 steps. Let’s look at those steps.

1.Add images and videos to the Amazing slider. 

In this step, you can add photos and videos to your slider design.

Responsive JQuery slider

 

you can also use Amazing Slider to create YouTube Video Galleries. Or you can combine images and YouTube videos in one single slider. Nowadays, it’s very popular of combined slider with videos and images.

You can define the size of the slider and add descriptions to each slide. There are many settings in this tab.

Responsive JQuery slider

 

2.Select a skin and customize it

Once you finish the add, click on apply and choose a skin. On skin tab, you can choose a skin and further, customize it using horizontal menu. You can use a verity of skins and you can customize each skin with flexible options provided with live preview.

Responsive JQuery slider

 

3.Choose your favorite transition effect

You can choose transition effects from Transition tab and further customize them with show options button.

Responsive JQuery slider

 

4.Configure slider options.

You can configure the slider with further options provided in this tab. If you are using the free version of the utility, a watermark will appear on the slider. Choose desired options and click OK when you finished.

Responsive JQuery slider

 

And finally, you can preview the slider and you can go back and change settings if you want to.

 

5.Publish the Slider

Once you confirmed the slider you can publish it as per your website settings

Responsive JQuery slider

 

In the last step, you can publish the slider to HTML files which can be easily inserted to Dreamweaver, Frontpage, and other HTML editors. Or you can create the slider as a WordPress Slider Plugin.

Responsive JQuery slider

 

Anwar Yakkiparamban

Anwar Yakkiparamban is the founder of Lauyou Learning. Prior to Lauyou learning, Anwar worked at ARD Engineering & Development, Qatar. He holds bachelor degree in Electronics and Communication Engineering from Govt. Engineering College Idukki.

You may also like...