Akurat testowałem na Samsungu Galaxy Ace 1 i 2.
Jeśli chodzi o kod to jest go dość dużo bo to gotowy skrypt jquery.
<script type="text/javascript">
$(function() {
var _scroll = {
delay: 1000,
easing: 'linear',
items: 1,
duration: 0.05,
timeoutDuration: 0,
pauseOnHover: 'immediate'
};
$('#ticker-1').carouFredSel({
width: 1000,
align: false,
items: {
width: 'variable',
height: 35,
visible: 1
},
scroll: _scroll
});
$('#ticker-2').carouFredSel({
width: 1000,
align: false,
circular: false,
items: {
width: 'variable',
height: 10,
visible: 3
},
scroll: _scroll
});
// set carousels to be 100% wide
$('.caroufredsel_wrapper').css('width', '100%');
// set a large width on the last DD so the ticker won't show the first item at the end
$('#ticker-2 dd:last').width(2000);
});
</script>
(Do tego cały plik zewnetrzny ze skryptem)
Tutaj wyświetlam newsy:
<div class="row mts">
<div class="col-lg-12 col-md-12 col-xs-12 desc">
<div id="wrapper" style="top: 0px; left: 0px; margin: 0px; padding:0px; z-index:9999">
<div class="first">
<dl id="ticker-1">
<dt>News1</dt>
<dd>tresc newsa</dd>
<dt>News 2</dt>
<dd>tresc newsa</dd>
<dt>News 3</dt>
<dd>tresc 3</dd>
</dl>
</div>
</div>
</div>
</div>
Tak to mniej więcej wygląda.