Autor Zpráva
hellboy80
Profil
Je možné zobrazit obrázek nebo text, který po pár sekundách zmizí?
Vygooglil jsem pár postupů:
stackoverflow.com/questions/21993661/css-auto-hide-elements-after-5-seconds
stackoverflow.com/questions/8677145/html-text-with-time-limit
Ale potřeboval bych poradit. Potřeboval bych to totiž vložit do stránky vytvořené ve Wordpressu. Problém je, že obsah té stránky se ve Wordpressu z nějakého důvodu nedokáže propojit s CSS souborem, takže když tam vložim nějaký kód, tak prostě nenačte CSS z toho souboru (nechápu proč), ale inline zápisy fungují. Jak to tedy provést? Dík předem za jakýkoliv tipy.
Keeehi
Profil
hellboy80:
Nebude to tím, že ten soubor bude kešovaný?

Jinak ta CSS animace není úplně nejlépe podporovaná. Zvládnou ji přibližně jen 4 prohlížeče z 5ti. Pro jistotu bych to podpořil i javascriptem.
hellboy80
Profil
Tak to netušim. Tohle je nad moje amatérské znalosti :)

A jak to tedy nejlépe provést? Javascriptu bohužel nerozumim :)

Ten druhej způsob je v pohodě? Zkoušel jsem tenhle v HTML souboru a funguje:

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<title>Catalog</title>
 <style type='text/css'>
    #swf_file{display:none;}
    #swf_file{height:1px; width:1px;}
  </style>
  <script type='text/javascript'>
var timePeriodInMs = 10000;

setTimeout(function() 
{ 
    document.getElementById("texttohide").style.display = "none"; 
    document.getElementById("swf_file").style.height = "138px"; 
    document.getElementById("swf_file").style.width = "144px"; }, 
timePeriodInMs);
</script>
</head>

<body>

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="590" id="AutoNumber1" height="32">
    <tr>
        <td width="320" height="77" bgcolor="#FFFFFF">
        <p align="center">      <img border="0" src="images/logoblue.gif" width="307" height="61"></td>
<td width="380" height="77">
        <p align="center"><b><font size="5">PRODUCTS, INC.<br>
</font></b><font size="4"></font></td>
    </tr>
    <tr>
        <td width="590" height="10" bgcolor="#FFFFFF" colspan="2">
        <img border="0" src="images/divid1.gif" width="700" height="10"></td>
    </tr>
</table> 

<div id="texttohide">
    <b><font size="5">Loading for a few seconds...</font></b></div> 
<div id="swf_file">
    <object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="879" height="564">
    <param name="movie" value="catalog.swf">
    <param name="quality" value="High">
    <embed src="catalog.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="879" height="564"></object>
</div>

<p>
</p>

</body></html>
Keeehi
Profil
Napsal bych to takto (Zdroj). Pokud nebude javascript fungovat, zobrazí se jen ten flash. Ten html kód je opravdu ošklivý. Stylem tak z roku 2000.
hellboy80
Profil
Takhle to funguje, kdyz rucne vytvořim samostatnou HTML stranku, ale neslo by to nejak implementovat do stranky vytvoreny v redakcnim systemu Wordpressu?
Keeehi
Profil
WordPress by na to neměl mít vliv. Pokud jde o ty javascript rozeseté v kódu, klidně mohou být na jednom místě. Klidně všechny pohromadě, ale až za tím flashem. To by se ti snad mohlo provést. Pokud ne, tak se to dá napsat i tak, aby mohli být úplně libovolně ve stránce.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: