Add multiple images at once in Amazing Slider

Question:

I am using Amazing Slider. I wonder is there a possibility to add multiple images at once – or you have to select each image individually?

Answer:

Yes.

In the Add Slides dialog, click the “Add images” button, then you can select multiple images and add them at once.

If you are using Windows, you can hold ctrl or shift key to select multiple files. If you are using Mac, you can hold command or shift button.  It’s just like how you do in Windows Explorer or Mac Finder.

How to create a jQuery slider that works on pages of different folder levels

Question:

I created a JavaScript Slideshow with your slider maker, it works perfectly on the home page http://www.mysite.com/index.html , but when I tried to embed it into another page http://www.mysite.com/sales/product.html, it does not work. I have copied the same HTML codes to this page.

Answer:

By default, HTML codes created with Amazing Slider will use relative URL. The problem is, these two pages have different folder levels, so the relative URL in the two pages will go to different absolute URL and will cause problems.

If you would like the same jQuery slider works on pages of different folder levels, when creating the slider, you can choose to use the absolute URL format.

In the software, Publish dialog, Add absolute URL field, you can enter:

http://www.mysite.com/

In this way, the software will add a prefix http://www.mysite.com/ to all links in the HTML codes, then the slider will work no matter where you place it.

Some tips:

An absolute URL is a link address starting with http:// or https:// and the domain name. For example, http://www.mysite.com/folder/slider.html.

A relative URL is a link without the http://, https// and the domain name. For example: folder/slider.html.  It’s an address relative to the current webpage address. The web browser will dynamically calculate its absolute value according to the URL address of the current webpage.

Customize the color and background of text

Question:

Can I have control over the text color and background that appears with the text in a slide?Can I remove the translucent white background and just have white or black text on a slide?

Answer:

Yes, in the application,  Skins dialog, Text effect tab, you can customize the CSS codes to change the text color and background.

Is there an event for Amazing Slider?

Question:

Is there an event for Amazing Slider when slide changes?

Answer:

Yes.

$(document).ready(function(){
   $("#amazingslider-1").bind("amazingslider.switch", function(event, previous, next){ 
     console.log("previous:" + previous);
     console.log("next:" + next);
   });
});

In the above codes, the amazingslider-1 is the div ID of the slider. If you have specified a different ID in the publish dialog, you need to change the number accordingly.

Can I add Amazing Slider and Amazing Carousel to one page?

Question:

I am using both the Slider and Carousel program.

I cannot get a slider and a carousel to run on the same page. Is this possible?

Answer:

Yes. You can add the slider and the carousel to one page.

When adding the head section codes, you need to remove the second line of jquery.js (marked by red in the following code snippet):

<!-- Insert to your webpage before the </head> -->
 <script src="sliderengine/jquery.js"></script>
 <script src="sliderengine/amazingslider.js"></script>
 <script src="sliderengine/initslider-1.js"></script>
 <!-- End of head section HTML codes -->
 <!-- Insert to your webpage before the </head> -->
 <script src="carouselengine/jquery.js"></script>
 <script src="carouselengine/amazingcarousel.js"></script>
 <link rel="stylesheet" type="text/css" href="carouselengine/initcarousel-1.css">
 <script src="carouselengine/initcarousel-1.js"></script>
 <!-- End of head section HTML codes -->

Install second photo slider in Joomla

Question:

I am testing the Amazing Slider. I have installed it as described in your FAQ: https://amazingslider.com/how-to-insert-jquery-slideshow-to-joomla/. It is working perfectly as a video slide module {loadposition amazingslider1}.  Now I want to create a second slider (photos). I published it with the ID 2. But when I try to install it Joomla tells me that there is an uploading error with the file and that no installation package is found. So I copied the module in Joomla and defined a new position but that isn’t working either.

Is it impossible to use amazingslider more than one time in a content (different content as the first one)? If not – what have I to do?

Answer:

In Publish dialog, choose a different ID, then publish it as a Joomla module.

The new module will be an independent module, you can just install it like your first slider.

Your case seems like the second module was not installed correctly. It maybe because the generated module ZIP file is too large.

To install a module:

Login Site Administrator of your Joomla website, click menu Extensions -> Extensions Manager, choose the module ZIP file, then click the button Upload & Install.

If the ZIP file is too large, and it exceeds the Joomla limit, you can unzip the file, then upload the folder mod_amazingslider_ID to the Joomla website modules folder, then goto Extensions > Extension Manager > Discover, find the module and install it.

How to delay first slide for 10 seconds

Question:

How can I delay the transition time for the first slide only?

I want to first slide to stay for 10 seconds, while all others to be 5 seconds.

Answer:

1. In Step 4, Options dialog, uncheck the option “Autoplay slider”.

2. Add the following JavaScript to your webpage:

<script language="JavaScript">
  window.setTimeout(
    function(){
      $("#amazingslider-1").data("object").isPaused = false;
      $("#amazingslider-1").data("object").slideRun(1);
    },
 10000);
</script>

In the code, the amazingslider-1 is the id of the slider. If you have specified a different id in the Publish dialog, you need to change the id accordingly.

How can I make a full screen slider?

Question:

I purchased your nice product. How can I make a full screen slider?

Answer:

Do you mean “full width” or “full screen”?

If you mean “full width”, in Amazing Slider, step 4, Options dialog, there is an option “Support responsive web design”. Check this option, the the slider will be responsive, and will automatically fit its container. So if its container is full width, the slider will be full width. In “full width” mode, the slider will always maintain it’s aspect ratio.

If you mean “full screen”, the slider does not support it. We have a jQuery plugin product which can create a “full screen” gallery: http://html5box.com/html5gallery/index.php. The demo is here: http://html5box.com/html5gallery/demo_fullscreen.php and the tutorial is here: http://html5box.com/html5gallery/responsivedesign.php