Hey
Currently I am building my own theme which loads a photo slider (Coin Slider to be specific) on the front page.
After I made all the preparations the slider wouldn't load. I don't know what to do now.
This is my code in the header :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
This is my code in my header DIV :
<div id="coin-slider">
<img src="images/slide/test2.jpg" alt="" />
<span>
Some text2
</span>
<img src="images/slide/test.jpg" alt="" />
<span>
Some text1
</span>
</div>
This is my code in the footer:
<script type="text/javascript">
$(document).ready(function() {
$('#coin-slider').coinslider({ width:980, height:320, navigation: false, delay: 5000, spw: 1, sph: 1, sDelay: 30, titleSpeed: 800 });
});
</script>
Could someone please point me out how I am able to let this work?
Is there also a way to only let this slider appear on the home/frontpage of my website?
Greetings dragongamer54