Monthly Archives: February 2014

Install second photo slider in Joomla

Posted on by

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

Posted on by

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?

Posted on by

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