| 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 |
#2 · Zasláno: 25. 5. 2016, 23:44:17
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 |
|||
| hellboy80 Profil |
#5 · Zasláno: 26. 5. 2016, 21:04:15
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 |
#6 · Zasláno: 26. 5. 2016, 23:52:21
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.
|
||
|
Časová prodleva: 10 let
|
|||
0