2012-04-03 82 views
1

正当我以为我已经过了整夜,另一个问题是让我保持清醒。jQuery图像淡入淡出效果不明... ...?

看来,我已经打破了我在缩略图上使用的淡入淡出效果。如果你去这里:http://ftfranes.com/mliad2/ 当你将鼠标悬停在缩略图上时,它应该褪色。

给你一个想法,这是一个工作版本的脚本:http://nothingcantuochme.com/stackoverflow.php#download_page 正如你所看到的,悬停工作正常与淡入淡出。请介意这个烂摊子,我只是添加它来演示。

有没有人可以帮助我解决这个问题?如果我告诉你我没有完全失去,我会撒谎。

+0

该脚本是斯巴达。你能提供应该工作的代码部分吗? – keystorm 2012-04-03 23:15:38

+0

您需要提供不工作的特定代码,以及链接 - >没有人想要穿过整个脚本。 – ahren 2012-04-03 23:16:58

+0

这里的问题是,我不知道哪部分代码不能正常工作,这就是为什么我要指向网站本身。我没有更改与淡入淡出有关的代码,以使其被破坏。我唯一的猜测是,源头中的其他人正在让它无法运行...? – 2012-04-03 23:19:52

回答

1
$(function() { 
    // JUST CHANGE THE SELECTOR 
    // MAY NEED TO REFINE IF IT AFFECTS OTHER ELEMENTS 
    $('.image > a').each(function() { 
    /*$(this).append('<div style="position:absolute; top:5px; left:5px; width:200px; height:150px; background:red;"></div>');*/ 
     $(this).hover(function(){ 
      $(this).find('img').stop().animate({ 
       opacity: 0.8 
      }) 
     },function(){ 

      $(this).find('img').stop().animate({ 
       opacity: 1 
      }) 
     }); 
    }); 
}); 
+0

您能否详细解答您的答案?我用这个代码调整什么? – 2012-04-03 23:37:07

+0

明白了,欢呼的伙伴! – 2012-04-03 23:41:27

+1

在您的脚本中。js文件,在这里我把这个片段,原来选择的每一个功能是“a.zoom,a.vimeo,a.youtube,a.vimeo_final,a.vimeo_nothingcan,a.vimeo_themob,a.vimeo_nothingcanteaser,a.vimeo_forevigt, a.vimeo_skellhell,a.vimeo_skellhell2,a.vimeo_sneblind,a.vimeo_etttva,a.vimeo_hastutan”。而不是执行上述操作,只需将选择器更改为“.image> a”。它更干净,每次您想要添加新图像时都不必添加新的选择器。 – cha55son 2012-04-03 23:44:55

0

我的想法是,JavaScript在处理过程中停止。检查你的调试控制台。

错误:未捕获的异常:错误:权限拒绝http://www.facebook.com来获得属性Proxy.InstallTrigger

如果你的淡出脚本是此代码后,该脚本将无法正常工作。

+0

在Facebook代码之前应该执行淡入淡出效果,因此如果我没有弄错,它应该可以工作吗?无论如何,你可以证实你的理论? – 2012-04-03 23:29:23

0

好的,据我所知,问题在这里。

<a href="http://vimeo.com/24849072" class="vimeo_nothingcan"> <img alt="" src="images/nothingcan.png"> </a> 

链接的类错误地命名。在script.js文件中,它指定该类必须是vimeo,youtube zoom等......您需要将您的类重命名为“vimeo nothingcan”,而不使用下划线。

检查线的script.js

您在留言中提到的功能的680,被设置为事件的“点击”。您需要编辑680上绑定为“悬停”的功能。

+0

不,这是不正确,如果您在的script.js文件搜索,你会发现“vimeo_nothingcan”。任何其他想法? – 2012-04-03 23:33:20

+0

我刚刚编辑了我的答案。检查脚本的第680行。 – 2012-04-03 23:34:03

+0

能否请你告诉我什么该行包含这样我可以做一个搜索?我的文本编辑器不显示行号我怕...... – 2012-04-03 23:35:47

0

选择中的script.js 678:

$('a.zoom, a.vimeo, a.youtube, a.vimeo_final') 

但在您的网页,该类是a.vimeo_nothingcan

尝试补充说: “a.vimeo_nothingcan” 在该行的选择:

$('a.zoom, a.vimeo, a.youtube, a.vimeo_final,a.vimeo_nothingcan')