jquery ticker

Internet Creating Weather Web Sites
6

Great that you have managed to get the ‘markee’ script going … good for you.

In the previous message, I suggested to you that you get some of the main script libraries from main servers (such as the Cloudflare ‘CDNJS’ libraries or the ‘Google CDN’ hosted libraries) to save traffic on your own web server. Not only that, those main server are usually much faster than your web server in downloading those libraries.

So, you could replace the following lines of code:


<script src="scripts/jquery-3.4.1.min.js"></script>
<script src="scripts/jquery.marquee.min.js"></script>
<script src="scripts/jquery.easing.min.js"></script>

with:


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jQuery.Marquee/1.5.0/jquery.marquee.min.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>

The following script is not really necessary as most modern browser will provide a pause on hover, but it can be kept for the older browser:


<script src="scripts/jquery.pause.min.js"></script>

The following portion of the script should be written differently - this code:


<script>
    $(function(){
        $('.marquee').marquee();
    });
    $(function(){
  $('.marquee').marquee({

  //If you wish to always animate using jQuery

should be corrected to (removing the three first lines):


<script>
$(function(){
  $('.marquee').marquee({

  //If you wish to always animate using jQuery

There is no need to have the same code twice - ie:


$(function(){
   $('.marquee').marquee();
});