| Autor | Zpráva | ||
|---|---|---|---|
| VENCA Profil * |
#1 · Zasláno: 10. 6. 2008, 14:22:20
Ahoj všichni, chtěl bych do obyčejného (x)html (css) dát něo jak je tady na této stránce http://www.wp-magazine.com/ to pod hlavnim menu ten text s obrázkem jak se tam střídá (automaticky) nebo po kliknutí na položku (v tomhle případě na číslo) to vedle toho modrého banneru. mohl by mi někdo prosím poradit jak to sesmolit ? Děkuju moc
|
||
| peta Profil |
#2 · Zasláno: 10. 6. 2008, 14:59:12
jakpsatweb - javascript - priklady - jednoducha animace
V tomto pripade se spis jedna o posouvani pozicovaneho boxu v jinem boxu s nastavenym overflow:hidden (css - priklady na overflow) o nejaky pocet pixelu. Cili k te jednoduche animaci budes muset pridat podminku max nahoru, max dolu, o kolik posun, jakym smerem. A cele to napojit na casovac a onclick. jakpsatweb - javascript - priklady - datum a cas jakpsatweb - javascript - priklady - udalosti |
||
| VENCA Profil * |
#3 · Zasláno: 10. 6. 2008, 17:24:21
asi jsem uplne tupej ale vubec jsi mi nepomohl :-D
|
||
| lordfrikk Profil |
#4 · Zasláno: 10. 6. 2008, 17:25:01
|
||
| VENCA Profil * |
#5 · Zasláno: 10. 6. 2008, 18:34:36
tohle je docela dobrý díky, ale jak nad to dostat text ? aby to bylo jako třeba na moviezone.cz ???
|
||
| lordfrikk Profil |
#6 · Zasláno: 10. 6. 2008, 19:36:23
Dáš na to průhledný div, hádám. Nastavíš absolutní pozicování, vyšší z-index. Dokonce mám i pocit, že ti s tím jQuery hodně pomůže... s efekty a touto knihovnou však moc zkušeností nemám, spíš AJAX a manipulace DOM.
|
||
| VENCA Profil * |
#7 · Zasláno: 10. 6. 2008, 21:40:34
prosim te nemas s tim nejake zkusenosti, porad se mi to nechce hybat delam to takto, fakt uz si nevim rady
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>test</title> <link rel="stylesheet" type="text/css" media="screen" href="jq.css" /> <link rel="stylesheet" type="text/css" media="screen" href="cycle.css" /> <script type="text/javascript" src="jquery-1.2.3.js"></script> <script type="text/javascript" src="chili-1.7.pack.js"></script> <script type="text/javascript" src="jquery.cycle.all.js?v2.11"></script> <script type="text/javascript"> $(function() { setTimeout(function() { $('#slideshow img:first').fadeIn(2000); $('#slideshow').cycle(); }, 1000); }); </script> <style type="text/css"> .pics a { display: block; width: 200; height: 200; top: 0; left: 0 } .pics img { display: none } </style> </head> <body> <div id="slideshow" class="pics"> <img src="obrazek.jpg" width="860" height="800" /> <img src="obrazek.jpg" width="900" height="1200" /> <img src="obrazek.jpg" width="910" height="1000" /> </div> </div> </div> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script> <script type="text/javascript"> _uacct = "UA-850242-2"; urchinTracker(); </script> </body> </html> fakt nechápu všechny ty .js soubory mam stejně pojmenovaný, css soubory , ale proste buď se obrázek ani neukáže nebo se neprobíhá žádná animce |
||
| lordfrikk Profil |
#8 · Zasláno: 11. 6. 2008, 06:59:00
Takhle mi to fungovalo bezvadně:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>test</title>
<link rel="stylesheet" type="text/css" media="screen" href="jq.css" />
<link rel="stylesheet" type="text/css" media="screen" href="cycle.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="chili-1.7.pack.js"></script>
<script type="text/javascript" src="jquery.cycle.all.js"></script>
<script type="text/javascript">
$(function() {
setTimeout(function() {
$('#slideshow img:first').fadeIn(2000);
$('#slideshow').cycle();
}, 1000);
});
</script>
<style type="text/css">
</style>
</head>
<body>
<div id="slideshow" class="pics">
<img src="obrazek.jpg" width="860" height="800" />
<img src="obrazek.jpg" width="900" height="1200" />
<img src="obrazek.jpg" width="910" height="1000" />
</div>
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-850242-2";
urchinTracker();
</script>
</body>
</html> |
||
| peta Profil |
#9 · Zasláno: 11. 6. 2008, 07:50:46
VENCA
vytvorit script podle pozadavku zakaznika = prasule prasule nic, script nic, muzu ti jen rici, co by se a jak dalo pouzit napriklad z jaksatweb. Nebo je spoustu dalsich na webu: http://www.volny.cz/peter.mlich/www.htm#mssub12 js priklady http://www.volny.cz/peter.mlich/www.htm#main6 scripty Treba jeden dela presne tohle, treba take ne. |
||
| lordfrikk Profil |
#10 · Zasláno: 11. 6. 2008, 12:32:43
^_^ Tohle mě fakt baví ^_^
|
||
| VENCA Profil * |
#11 · Zasláno: 12. 6. 2008, 15:41:32
TAK UŽ TO FACHÁ :-d JEŠTĚ MOHLI BY JSTE MI PORADIT JAK MAM NAD TEN OBRÁZEK DOSTAT TEXT JAK JE TO NA MOVIEZONE.CZ ? A TŘEBA POD TO NEJAKOU PRUHLEDNOU BARVU ;-)
|
||
| Měsíček Profil |
#12 · Zasláno: 12. 6. 2008, 15:50:28
TAK PO NÁS NEŘVI.
|
||
| VENCA Profil * |
#13 · Zasláno: 12. 6. 2008, 16:08:49
já neřvu :-D
|
||
|
Časová prodleva: 16 let
|
|||
0