Jak udělat News ticker – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Zdravím, 

chtěl bych udělat na svých webovkách něco jako je ten druhý zde: http://codecanyon.net/item/breaking-news-ticker/full_screen_preview/8321816?ref=jqueryrain 

nejsem žádný těžký HTML / JS kodér tudíž jsem dokázal udělat jen toto:

<div class="col-md-12" id="menic"  >
<div class="well" id="abc" ><strong>Tréninky</strong></div>
<div class="well" id="abc"><strong>Poslední zápas</strong></div>
<div class="well" id="abc"><strong>Zakončení sezóny</strong></div>
</div>
<div style="clear:both"></div>

<script>
var children = document.getElementById('menic').getElementsByTagName('div');

for(var i=1; i<children.length; i++)
  children[i].style.display = 'none';

var actual = 0;

function nextMenic(){
  actual++;
  if(actual>=children.length) actual = 0;
  for(var i=0; i<children.length; i++)
    children[i].style.display = 'none';
  children[actual].style.display = 'block';
  setTimeout(nextMenic, 2000);

}

setTimeout(nextMenic, 2000);
</script>

Chtěl bych ale, aby se ty divy měnily s nějakým efektem, pro začátek stačí obyčejný Fade. Děkuji za jakoukoliv radu.

Tak to mas blbe :) Na fade je treba pouzit knihovnu (google = jquery fade example) nebo je to pomerne zdarily programatorsky kousek na ktery se ovsem necitis.
Muzes zkusit menit CSS opacity. Jeden zobrazis dva pres sebe a menis opacitu jednoho z 0 na 1 a druheho z  1 na 0. Casovac efektu (druhy) nastavis treba na 50 ms.