Question

简单但具体的问题。我有一个使用Pixastic模糊图像的网站。页面上有两个需要模糊的图像。这似乎在IE中工作正常（我相信在图像上使用过滤器），但在其他浏览器（Firefox / Chrome）上不起作用。在那些浏览器中它只影响第二个图像，第一个图像被替换为空 - 所以我只得到一个带有一个模糊图像的渲染页面，而不是两个。

顺便说一句，我正在使用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影响多个图像，如果有，怎么样？

由于

Answer 1

据我所知，你所拥有的应该有用。

选项2.尝试显式指定CSS类？

e.g。大概是这样的：

<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>

是否有可能在一个页面上有两个像素影响的图像？

1 个答案: