Insert Amazing Slider and Amazing Audio Player to one page

Question:

I am using Homestead and love using your product. Until now, I have only used the commercial slider. I downloaded the free version though today of the Audio player, to make sure it would work in conjunction with the slider before I purchased it. I am having difficulty having both of them show up together though. When I upload each one by themselves they work, however, when I have them both on there at the same time, only the slider shows up. I tried to change the ID on the audio player, but that did not do anything. What would I need to do to make those work properly on the same page? I uploaded each slider to its own folder as well so they are not in the same folder.

Answer:

The head section of the slider may be look like:

<script src=”http://amazingslider.homestead.com/homeslider/jquery.js”></script>
<script src=”http://amazingslider.homestead.com/homeslider/amazingslider.js”></script>
<script src=”http://amazingslider.homestead.com/homeslider/initslider-1.js”></script>

The head section of audio player may be look like:

<script src=”http://amazingslider.homestead.com/homeplayer/jquery.js”></script>
<script src=”http://amazingslider.homestead.com/homeplayer/amazingaudioplayer.js”></script>
<link rel=”stylesheet” type=”text/css” href=”http://amazingslider.homestead.com/homeplayer/initaudioplayer-1.css”>
<script src=”http://amazingslider.homestead.com/homeplayer/initaudioplayer-1.js”></script>

When adding both code snippets to your webpage, you need to remove the second jquery.js line. That’s, if you add the code of slider first, then follows the player code, you need to remove the jquery.js line in the player code. If you add the player code first, you need to remove the jquery.js line from the slider code.

Multiple jQuery sliders on one page of Homestead website

Question:

I am using homestead to build my website.

I purchased your amazing slider and it was working until I tried two sliders on one page. I removed the two lines you suggested based on the link:
https://amazingslider.com/how-to-add-an-image-slideshow-to-homestead-website/ but it still does not work. I have attached the html to see if you can figure out what is wrong. All of the file name paths appear to be correct.

I have confirmed the slider worked on its own page when it is the only slider.

Answer:

For the second slider, when publishing the slider, in the application, Publish dialog, in the bottom left of the dialog, you need to setup a different “Slider id” for it, for example, you can change the value to 2.

I have also updated the information in the section “Adding multiple sliders to one page” of the tutorial.