2011-06-09 74 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

相關問題