2011-06-09 56 views
0

简单但特定的问题。我有一个使用Pixastic模糊图像的网站。页面上有两个图像需要模糊。这似乎在IE浏览器(我相信是在图像上使用过滤器)正常工作,但不适用于其他浏览器(Firefox/Chrome)。在这些浏览器中,它只会影响第二个图像,而第一个图像不会被任何东西代替 - 所以我只是得到一个带有一个模糊图像的呈现页面,而不是两个。是否有可能在一个页面上有两个pixastic影响的图像?

顺便说一下,我使用的是jQuery选择器。我正在使用的代码基本上是这样的:

<head> 
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script> 
<script type="text/javascript" src="js/pixastic.custom.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $('.blur').pixastic('blurfast', {amount:0.2}); 
    }); 
</script> 
</head> 

<body> 
    <img src="img/title1.png" title="" class="blur" /> 
    <img src="img/title2.png" title="" class="blur" /> 
</body> 

有谁知道,如果有可能影响与Pixastic多张图片,如果是这样,怎么样?

谢谢

回答

1

据我所知,你应该有什么工作。

选项2.尝试明确指定一个CSS类吗?

例如大致类似于:

<html> 
<head> 
<script type="text/javascript"> 
var pixastic_parseonload = true; 
</script> 
<script src="pixastic.core.js" type="text/javascript"></script> 
<script src="invert.js" type="text/javascript"></script> 
</head> 
<body> 
</style> 
    <img src="img/title1.png" title="" class="pixastic pixastic-blurfast(amount=0.2)" /> 
    <img src="img/title2.png" title="" class="pixastic pixastic-blurfast(amount=0.2)" /> 
</body> 
</html> 
+0

需要包含,但之后CSS选择器正常工作。非常感谢! – Dan 2011-06-10 13:04:08

相关问题