|
|
Модератор форума: JonMagon |
Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Marquee устарел (Не работает в CHROME и OPERA) |
Marquee устарел |
Знаю что MARQUEE устарел и канул в лету..
Чем можно заменить вот это: <marquee direction="down" scrollAmount=1 onmouseover=this.scrollAmount=0 onmouseout=this.scrollAmount=1></marquee> самое простое и легкое что нашел - http://jscroller.markusbordihn.de/example/mouseout-mouseover/ Но все же - может быть есть какое то другое решение? Вешать JAVA скрипты и кучу CSS для прокрутки картинок, вместо всего 1й (!!!) строчки как то не очень хочется - слишком жирно Сообщение отредактировал GEMMY - Четверг, 13 Мар 2014, 14:31:16
|
GEMMY,
Цитата самое простое и легкое что нашел Тот же скрипт версия, чуть изменённое решение, на все 4 стороны ... runettex.clan.su/index/0-21 |
да там были примеры на все 4 стороны.. я просто выбрал этот
но это же куча JS и CSS - а MARQUEE был одной строчкой и выполнял ну в точности тоже самое!!! --------------- по поводу вашего примера - вот это ВЕСЬ код или есть еще подключаемые настройки CSS и JS библиотека? если да - не катит.. <script type="text/javascript"> $(document).ready(function(){$jScroller.add("#src_con","#scr_oll","left",8, true);$jScroller.start(); }); </script> <div id="src_con"><div id="scr_oll"> <img alt="" src="http://runettex.clan.su/FPC/test.gif"><img alt="" src="http://runettex.clan.su/FPC/test.gif"><img alt="" src="http://runettex.clan.su/FPC/test.gif"> </div></div> Сообщение отредактировал GEMMY - Четверг, 13 Мар 2014, 15:39:09
|
Видимо для web kit либо свои приёмы, стили нужны или вообще MARQUEE отключена как функция
Добавлено (13 Мар 2014, 15:43:55) Цитата JS библиотека |
нарыл вот такую инфу, но не понимаю что такое li {} - возможно ли как то заменить его на простой <div> и внутри поставить ссылки на картинки?
знаете что то про это вообще? overflow-style - Это свойство устанавливает стиль для известного всем свойства overflow. Принимает следующие значения: auto — автоматический выбор marquee-line — скролл по горизонтали; marquee-block — скролл по вертикали. marquee-style Устанавливает стиль анимации. Принимает следующие значения: scroll, slide, alternate. marquee-play-count Устанавливает количество повторов для анимации текста. Может принимать значение «infinite». marquee-direction Устанавливает направление анимации. Принимает значения: forward или reverse. marquee-speed Устанавливает скорость анимации. Принимает значения: slow, normal или fast. Пример определения стиля: li { overflow-style: marquee-block; marquee-play-count: infinite; marquee-speed: slow; marquee-style: scroll; marquee-direction: reverse; } Сообщение отредактировал GEMMY - Четверг, 13 Мар 2014, 16:46:36
|
GEMMY,
Цитата что такое li {} <style type="text/css">.qqq {overflow-style: marquee-block; marquee-play-count: 100; marquee-speed: slow; marquee-style: scroll; marquee-direction: reverse;}</style> <marquee class="qqq">erererererer</marquee> Сообщение отредактировал Miss_Esq - Четверг, 13 Мар 2014, 17:52:25
|
|
GEMMY,
<style type="text/css">.qqq {marquee-speed: slow; marquee-style: scroll; marquee-direction: forward; height: 100px;}</style> <marquee direction="down" class="qqq">erererererer</marquee> |
GEMMY, эти стили входят в стандарт CSS 3, не все браузеры поддерживают его полностью. Тег <marquee> поддерживают все современные браузеры. В web kit, действительно, этот тег не работает: Google Chrome, новая Opera (традиционная до версии 12.16 поддерживает). Все остальное — проблемы web kit. Единственным правильным решением будет являться скрипт или используйте кривую обертку тега из CSS.
Не оказываю поддержку посредством ЛС/ICQ/Skype/AIM/XMPP/E-mail.
|
JonMagon,
Цитата Все остальное — проблемы web kit |
|
| |||
| |||