Jak udělat News ticker – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

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

 

Vojtěch Štěpán
~ Anonymní uživatel
1 příspěvek
22. 10. 2015   #1
-
0
-

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.

Nahlásit jako SPAM
IP: 31.222.0.–
peter
~ Anonymní uživatel
4007 příspěvků
23. 10. 2015   #2
-
0
-

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.
 

Nahlásit jako SPAM
IP: 2001:718:2601:26c:7c21:da...–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 2 hosté

Podobná vlákna

Jak to udělat — založil Dave

Jak udělat gradient? — založil ingiraxo

Jak to lze udělat — založil Radka

Jak udělat archiv — založil Jabbo_Hutt

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý