• Страница 1 из 1
  • 1
Модератор форума: JonMagon  
Marquee устарел
Dogica
Сообщений: 1230
Репутация: 353
Уровень замечаний:

Сообщение # 1 | 14:29:15
Знаю что 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й (!!!) строчки как то не очень хочется - слишком жирно rolleyes


WWW.DOGICA.COM / WWW.DOGICA.ORG
Сообщение отредактировал GEMMY - Четверг, 13 Мар 2014, 14:31:16
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 2 | 15:24:33
GEMMY,
Цитата
самое простое и легкое что нашел
Странно но приведённый пример, .... движутся только по горизонтали ...

Тот же скрипт версия, чуть изменённое решение, на все 4 стороны ... runettex.clan.su/index/0-21

Dogica
Сообщений: 1230
Репутация: 353
Уровень замечаний:

Сообщение # 3 | 15:30:17
да там были примеры на все 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>



WWW.DOGICA.COM / WWW.DOGICA.ORG
Сообщение отредактировал GEMMY - Четверг, 13 Мар 2014, 15:39:09
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 4 | 15:43:55
Видимо для web kit либо свои приёмы, стили нужны или вообще MARQUEE отключена как функция

Добавлено (13 Мар 2014, 15:43:55)
---------------------------------------------
GEMMY,

Цитата
JS библиотека
тот же jQuery скрипт 0.4.js нужен

Dogica
Сообщений: 1230
Репутация: 353
Уровень замечаний:

Сообщение # 5 | 16:20:04
нарыл вот такую инфу, но не понимаю что такое 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;
}


WWW.DOGICA.COM / WWW.DOGICA.ORG
Сообщение отредактировал GEMMY - Четверг, 13 Мар 2014, 16:46:36
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 6 | 17:36:37
GEMMY,
Цитата
что такое li {}
разве это не css ... работает везде ...

<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
Dogica
Сообщений: 1230
Репутация: 353
Уровень замечаний:

Сообщение # 7 | 19:46:41
работает везде?
но ведь вы используете опять marquee.. или в случае определения такого свойства для него через CSS оно пашет и правда везде?
если это так - значит это и есть решение? : )


WWW.DOGICA.COM / WWW.DOGICA.ORG
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 8 | 20:41:21
оно и есть ...

Dogica
Сообщений: 1230
Репутация: 353
Уровень замечаний:

Сообщение # 9 | 15:26:50
как не определяю - скролится только горизонтально в любую сторону, не понимаю почему
задаю нужный параметр overflow-style:
marquee-block — скролл по вертикали.


WWW.DOGICA.COM / WWW.DOGICA.ORG
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 10 | 15:40:50
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>

JonMagon
Сообщений: 2291
Репутация: 1828

Сообщение # 11 | 15:49:51
GEMMY, эти стили входят в стандарт CSS 3, не все браузеры поддерживают его полностью. Тег <marquee> поддерживают все современные браузеры. В web kit, действительно, этот тег не работает: Google Chrome, новая Opera (традиционная до версии 12.16 поддерживает). Все остальное — проблемы web kit. Единственным правильным решением будет являться скрипт или используйте кривую обертку тега из CSS.

Не оказываю поддержку посредством ЛС/ICQ/Skype/AIM/XMPP/E-mail.
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 12 | 15:58:59
JonMagon,
Цитата
Все остальное — проблемы web kit
Как движок сменили так баги у них и попёрли ...

Dogica
Сообщений: 1230
Репутация: 353
Уровень замечаний:

Сообщение # 13 | 15:39:36
все понятно =)
спасибо Мисс и JonMagon - заработало
скриптов никаких не хочу
решение найдено и пашет!

Добавлено (17 Мар 2014, 15:39:36)
---------------------------------------------
как его замедлить.. SLOW слишком быстренько для рекламы : * )



WWW.DOGICA.COM / WWW.DOGICA.ORG
  • Страница 1 из 1
  • 1
Поиск: