0

単純ですが、具体的な質問です。Pixasticを使用して画像をぼかすサイトがあります。1ページに2つの画像があり、ぼかしが必要です。これはIE（画像にフィルターを使用していると思います）では正常に機能するようですが、他のブラウザー（Firefox / Chrome）では機能しません。これらのブラウザでは、2番目の画像に影響を与えるだけで、最初の画像は何も置き換えられません。したがって、2つではなく1つのぼやけた画像が表示されたレンダリングページが表示されます。

ちなみに、私は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で複数の画像に影響を与えることが可能かどうか誰かが知っていますか？もしそうなら、どのように？

ありがとう

4

1 に答える 1

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>
于 2011-06-09T11:27:50.577 に答える