LINUX.ORG.RU

JQuery Ticker


0

0

посоветуйте сабж вроде:

http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscro...

обязательна бегущая строка!

Уже есть:
JQuery читает JSON данные и помещает данне на страницу (уже есть)

Проблема:
Если в li-scroller.css стоит
/*important: display inline gives incorrect results when you check for elem's width */
display: inline;

то элементы li в бегущей строке размещаются правильно - по горизонтали друг за другом, но скроллинг обрывается на пербых 3-х элеметах. Эта проблема описана в комментарии.

Но если сделать как в примере:
float: left;

то элемнты li размещаются непавильно - друг под другом по вертикали.

Получается бегущий блок, а не строка.

P.S. Возможная замена сабжа должна:
1) поддерживать IE >=6, FF>=3, Safari,
2) регулировать скорость
3) данные берутся из HTML кода или заполнятся JS кодом

Это вы marquee переизобретаете?

Deleted
()

решено:

использовать http://the-taylors.org/jQueryPlugins/jquery.liScroll/

$(document).ready(function(){ $.ajax({ url: url, type: 'GET', data: { }, dataType: 'jsonp', error: function(data, textStatus, errorThrown){ return false; }, complete: function(xhr, status){ return false; }, success: function(data, textStatus, XMLHttpRequest){ ... $(«ul#ticker01»).append(html); $(".liScrollExample").liScroll({ showControls: true }); return false; } }); return false; }) </script> <body> <div class=«liScrollExample»> <ul id=«ticker01»> </ul> </div> </body>

djenterprise
() автор топика
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.