arun 0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The 9th UAE International Conference and Exhibition on Anaesthesia &amp; Pain Medicine</title>
<link href="style/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<!--<script type="text/javascript" src="Scripts/jquery.min.js"></script>-->
<script type="text/javascript" src="Scripts/jquery-blink.js"></script>

<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>

<script type="text/javascript">

$(document).ready(function () {
 var timer;
automata();
  //change image every 5 seconds
  function automata() {
    //your code for changing the image here...  

setTimeout(function() {
                    $('div.jimgMenu ul li.people a').stop().animate({width: "125px"}, {duration: 400, easing:"easeInOutQuad"})
                 $('div.jimgMenu ul li.landscapes a').stop().animate({width: "625px"}, {duration: 450, easing:"easeOutQuad"});

                    }, 2000); 

setTimeout(function() {
                      $('div.jimgMenu ul li.landscapes a').stop().animate({width: "125px"}, {duration: 400, easing:"easeInOutQuad"})
                 $('div.jimgMenu ul li.people a').stop().animate({width: "625px"}, {duration: 450, easing:"easeOutQuad"});

                    }, 4000); 

setTimeout(function() {
                      $('div.jimgMenu ul li.people a').stop().animate({width: "125px"}, {duration: 400, easing:"easeInOutQuad"})
                 $('div.jimgMenu ul li.nature a').stop().animate({width: "625px"}, {duration: 450, easing:"easeOutQuad"});

                    }, 6000); 
setTimeout(function() {

                 $('div.jimgMenu ul li.nature a').stop().animate({width: "125px"}, {duration: 400, easing:"easeOutQuad"});
                     $('div.jimgMenu ul li.abstract a').stop().animate({width: "625px"}, {duration: 450, easing:"easeOutQuad"});
                    }, 8000); 

setTimeout(function() {

                 $('div.jimgMenu ul li.abstract a').stop().animate({width: "125px"}, {duration: 450, easing:"easeOutQuad"});
                  $('div.jimgMenu ul li.nature a').stop().animate({width: "125px"}, {duration: 450, easing:"easeOutQuad"});
                    }, 10000);  

   }

// find the elements to be eased and hook the hover event
  $('div.jimgMenu ul li a').hover(function() {

    // if the element is currently being animated (to a easeOut)...
    if ($(this).is(':animated')) {
      $(this).stop().animate({width: "625px",height: "278px"}, {duration: 450, easing:"easeOutQuad"});
    } else {
      // ease in quickly
      $(this).stop().animate({width: "625px",height: "278px"}, {duration: 400, easing:"easeOutQuad"});
    }
  }, function () {
    // on hovering out, ease the element out
    if ($(this).is(':animated')) {
      $(this).stop().animate({width: "125px"}, {duration: 400, easing:"easeInOutQuad"})
    } else {
      // ease out slowly
      $(this).stop('animated:').animate({width: "125px"}, {duration: 450, easing:"easeInOutQuad"});
    }


  }); timer = setInterval(function() { automata(); }, 12000);
 timer = setInterval(function() { automata(); }, 12000);
 });

</script>

<script type="text/javascript" language="javascript">

$(document).ready(function()
{
    $('.dot').blink(60);
    $('#days-1').blink(60);
});
</script>


</head>
  • Why are you declaring "$(document).ready(function () {" twice? I think you should nest your second chunk of code into the first area of initialization, even if just to keep it tidy! :) Gary Hepting over 6 years ago

2 answers

1
point

I just tested it on my own server and it works fine for me. Make sure you are including both jquery and the blink plugin. That is most likely the issue.

Answered over 6 years ago by Patrick Rauland
1
point

I think you might be calling a bad filepath for the blink plugin? Check out how some of your scripts are coming from "js" folder and others are coming from "Scripts":

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="Scripts/jquery.min.js"></script>
<script type="text/javascript" src="Scripts/jquery-blink.js"></script>
Answered over 6 years ago by Gary Hepting