Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> эффект смены картинок в разных браузерах 
:(
    Опции темы
CrotBuddhist
Дата 14.4.2007, 12:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 46
Регистрация: 4.8.2006

Репутация: нет
Всего: нет



Есть ли возможность прикрутить в FireFox и Opera эффект смены картинок.

Это прекрасно работает в IE  :
 
            var playbackingImage = document.getElementById('playbackingImage');
            playbackingImage.style.filter ='blendTrans(duration=2)';
            playbackingImage.filters[0].apply();   //Apply the transition effect
            playbackingImage.filters[0].play();    //Play the effect and display the new image            
            playbackingImage.src =  path;

Но не работает в   FireFox и Opera. (аттрибут фильтр насколько я понял в их модели отсутствует или они его не понимают)

Есть ли для них хоть какая-то альтернатива для этих браузеров ?
Буду благодарен за любые советы.

------------
P.S.
Для IE существует много красивых эффектов:

progid:DXImageTransform.Microsoft.RandomDissolve();
progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=20, Duration=2, Enabled=false)";
progid:DXImageTransform.Microsoft.RadialWipe(wipeStyle='clock')";
progid:DXImageTransform.Microsoft.Wheel(spokes=4)";
progid:DXImageTransform.Microsoft.Stretch(stretchStyle='spin')";
progid:DXImageTransform.Microsoft.Stretch(stretchStyle='push')";
PM MAIL   Вверх
skyboy
Дата 14.4.2007, 13:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 10
Всего: 260



насколько мне известно, фильтры реализованы только в MS IE. Так что, если эффекты необходимы, а траффик тебе не считать, генерируй эффект перехода на сервере smile на случай, если браузер - не IE.
PM MAIL   Вверх
SelenIT
Дата 14.4.2007, 13:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 49
Всего: 401



Цитата(skyboy @  14.4.2007,  13:41 Найти цитируемый пост)
генерируй эффект перехода на сервере

...это как?

В принципе, есть кроссбраузерный вариант, позволяющий делать любые переходы между картинками (даже те, что не снились MS-овским фильрам) - использовать Flash. Возможно, что-то полезное найдется в SVG/Canvas (сам с этим не работал, но вроде возможности там огромные, вплоть до 3D - где-то в прикрепленных темах есть ссылка на демо).

Ну и как минимум, FF и Opera 9 поддерживают "родную" прозрачность в CSS, в т.ч. её динамическое изменение, позволяющее создавать эффект "плавного проявления" одной картинки сквозь другую. Примеры на форуме, по-моему, тоже были...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
butionok
Дата 14.4.2007, 15:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 125
Регистрация: 19.1.2005

Репутация: 1
Всего: 3



Лучше DX фильтров IE пока ничего не придумали. Я имею ввиду соотношение (затраченные усилия)/(эффект). Для того чтобы они работали не нужно знать никаких дополнительных средств программирования. Несколько строчек и всё работает. И пользователю не нужно устанавливать никакие Флэши... И грузят проц эти фильтры по минимуму. 

Цитата

FF и Opera 9 поддерживают "родную" прозрачность в CSS, в т.ч. её динамическое изменение, позволяющее создавать эффект "плавного проявления" одной картинки сквозь другую.


Во первых это больше грузит проц. Потом приходится выбирать: либо очень долгий переход, но плавный, либо быстрый, но дёрганный. Опера вообще тормозная в смысле графики. Достаточно посмотреть как работает Lightbox в Опере. Там от эффекта перехода ничего не осталось. Противно смотреть.

Это сообщение отредактировал(а) butionok - 14.4.2007, 15:02
--------------------
Ненавижу убогую Оперу.
PM MAIL ICQ   Вверх
CrotBuddhist
Дата 14.4.2007, 16:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 46
Регистрация: 4.8.2006

Репутация: нет
Всего: нет



Cпасибо всем за советы.
Пока оставлю эффекты только в IE.

Но познакомится с Canvas и SVG не помешает.

http://ru.wikipedia.org/wiki/SVG
http://en.wikipedia.org/wiki/Canvas_(HTML_element)

PM MAIL   Вверх
GogA
Дата 23.4.2007, 12:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 24
Регистрация: 23.4.2007

Репутация: нет
Всего: нет



сорри, твой скрипт не тестю, у меня в фф и осле работает плавная смена картинок...
http://s.gogolev.net/

можно сделать и плавное изменение картинка1 - картинка2, а не картинка2 - фон - картинка2... smile в последнем случае в качестве фона должна использоваться вторая картинка.. визуально будет как картинка1 - картинка2

сорри если не то smile
PM MAIL WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0923 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.