Question

我有一个imagemap。点击后会调用jQuery function，唤醒多个fadeIn()。所有这一切都发生在Joomla CMS中。在本地，在JSFiddle中，它可以正常工作（触发{¡Tocame！'fadeIn()点击。但是在这个网站上http://fonag.org.ec/inicio/link7b，褪色的图像似乎在跳跃。

 //FADEIN FUNCTION JQUERY
 $(document).ready(function() {
     $("#toca").click(function() { 
     $("#step1D").fadeIn(500).delay(2000).fadeOut(500);
     $("#step2D").delay(2000).fadeIn(500).delay(2000).fadeOut(500);
     $("#step3D").delay(4000).fadeIn(500).delay(2000).fadeOut(550);
     $("#step4D").delay(60000).fadeIn(500).delay(2000).fadeOut(500);
     $("#plato").delay(8000).fadeIn(5000);
     });
 });


 <!--POSTINIONING -->
 <div class="fadein" style="position: relative;" width="655" height="338">

 <!-- HIDDEN PRELOADED IMAGES FOR HIGHLIGHT-->
 <div id="step1D" style="display: none; position: absolute;" width="655" height="338"></div>
 <div id="step2D" style="display: none; position: absolute;" width="655" height="338"></div>
 <div id="step3D" style="display: none; position: absolute;" width="655" height="338"></div>
<div id="step4D" style="display: none; position: absolute;" width="655" height="338"></div>

 <!-- INSERT THE PICTURE IMAGEMAP--> 
 <img name="base" id="plato" src="http://www.fonag.org.ec/inicio/images/Slide/aprender_jugando/buenas_practicas/pag5/base.png" width="655" height="338" border="0" usemap="#m_base" alt="" /> 
 ....
 .....

jQuery FadeIn（）唤起＆＃34;跳跃＆＃34;褪色的图片

0 个答案: