Возможно ли иметь два пиксельных изображения на одной странице? - PullRequest
Новая
       45

Возможно ли иметь два пиксельных изображения на одной странице?

0 голосов
/ 09 июня 2011

Простой, но конкретный вопрос.У меня есть сайт, который использует 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, и если да, то как?

Спасибо

1 Ответ

1 голос
/ 09 июня 2011

Насколько я могу судить, то, что у вас есть, должно работать.

Вариант 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>
...