Question

i made a slider page for my website. after inserting the jquery scripts the code is working absolutely fine when saved as a ‘.html file’ but when saved as a ‘.php file’ it doesn’t work. i guess there is some jquery/javascript issue.

the ‘prev-slide’ and ‘next-slide’ are linked to javascript file of the slider itself. they’re working fine for a ‘.html file’ but again not for a ‘.php file’

how can i call the javascript/jquery in a php file so they can be included in?

what am i missing here? please help and explain in detail as im new to this. Thanks

<div class="wrap">
<div id="slider1" class="slider">
<ul>
<a href=""><img src="img/images/logos_01.png" alt=""></a>
<a href=""><img src="img/images/logos_02.png" alt=""></a>
<a href=""><img src="img/images/logos_03.png" alt=""></a>
<a href=""><img src="img/images/logos_04.png" alt=""></a>
<a href=""><img src="img/images/logos_05.png" alt=""></a>
<a href=""><img src="img/images/logos_06.png" alt=""></a>
</ul>   
</div>
<div class="controls">

<a href="" class="prev-slide"><img src="img/images/prev.png" alt="" /></a> 
<a href="" class="next-slide"><img src="img/images/next.png" alt="" /></a> 

</div>
</div>

<style type="text/css" src="css/style.css"></style>


<script src="js/lemmon-slider.js"></script> 
<script src="js/libs/jquery.min.js" type="text/javascript"></script>


<script type="text/javascript">

$(window).load(function(){

$( '#slider1' ).lemmonSlider({

'infinite' : true

});
alert('OK');
});

</script>

Answer 1

Not sure if this will fix it, but try loading the jQuery source file

<script src="js/libs/jquery.min.js" type="text/javascript"></script>

before your slider script:

<script src="js/lemmon-slider.js"></script>

jQuery should always be loaded first before any other JS file, as it needs to be read before a script that uses jQuery.

Good luck 🙂