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.