| Autor | Zpráva | ||
|---|---|---|---|
| Jiří56 Profil * |
Ahojte, potřebuji nějaký hezký efekt na prolnutí několika obrázků. Našel jsem si tento: jQuery Cycle Plugin konkrétně efekt fade.
Jenže nejsem v žádným případě schopnej ho zprovoznit, už u toho sedim hodinu a něco zásadního přehlížím. Mám vše stažené a script načtený. Ale bohužel nemůžu přijít na to jak ho aplikovat. Nemohl by mi někdo udělat jednu funkční vzorovou stránku(stačí zdrojový kód) pouze s jedním efektem. Nic velikého jen dva obrázky co se melou dokola. Děkuji. |
||
| Bubák Profil |
#2 · Zasláno: 11. 6. 2009, 21:32:18
|
||
| Jiří56 Profil * |
#3 · Zasláno: 12. 6. 2009, 00:16:37
Ahoj,
díky moc za reakci. Bohužel, první řešení je pro mě mnohem zajímavější(myslím ten jQuery Cycle Plugin). Navíc se nezasekává scrollování. S kódováním stránek (xhtml) problém nemám, jen jsem neměl za potřebí moc využívat javascripty. ==> Jsem trochu zmatenej s popisu na výše uvedeném webu, nevím jak obrázky v divu donutit použít javascript s různýma parametrama. Chápu, že se to orientuje pomocí ID divu (s1, s2, apod.) Ale kam frknout ony parametry a jak donutit použít javascript (Přes nějakou fci? Nebo jak?). |
||
| Chamurappi Profil |
#4 · Zasláno: 12. 6. 2009, 11:28:14
Reaguji na Jiřího56:
Ukaž svůj rozdělaný nefunkční pokus a najdeme chybu. Jinak ti akorát můžeme poradit, abys postupoval podle návodu, na který jsi odkázal. |
||
| Jiří56 Profil * |
#5 · Zasláno: 12. 6. 2009, 12:28:36
Takže udělal jsem si následující testovací stránku na základě zdrojového kódu této stránky. Stáhl veškeré použité skripty i css styly(i když ty by neměli mít na samotný efekt vlic - aspoň mysllim).
Stránka vypadá následovně <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="generator" content="PSPad editor, www.pspad.com">; <title>fade 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.6.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() { // run the code in the markup! $('td pre code').each(function() { eval($(this).text()); }); }); </script> </head> <body> <div id="s3" class="pics"> <img src="images/beach1.jpg" width="200" height="200" /> <img src="images/beach2.jpg" width="200" height="200" /> <img src="images/beach3.jpg" width="200" height="200" /> </div> <pre><code class="mix">$('#s3').cycle({ fx: 'fade', speed: 2500 });</code></pre> </body> </html> vše funguje. Nechápu ale moc funkci v hlavičce. <script type="text/javascript">
$(function() {
// run the code in the markup!
$('pre code').each(function() {
eval($(this).text());
});
});
</script>nešlo by to nějak přímo nadefinovat pro ten div s3? |
||
| Jiří56 Profil * |
#6 · Zasláno: 12. 6. 2009, 12:37:18
Dobrý, vždyť jse blbej! Už to mám. Omlouvám se. Vždycky když jsem měnil fci v hlavičce za tu co je v normálně v PRE umazal jsem si závorky na řádku 18(viz. příspěvek výše).
Vše tedy funguje, tak jak má. :-) Zde je příklad použití: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>fade test</title>
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="jquery.cycle.all.js"></script>
<script type="text/javascript">
$(function() {
// run the code in the markup!
$('#s3').cycle({
fx: 'fade',
speed: 2500
});
});
</script>
</head>
<body>
<div id="s3" class="pics">
<img src="images/beach1.jpg" width="200" height="200" />
<img src="images/beach2.jpg" width="200" height="200" />
<img src="images/beach3.jpg" width="200" height="200" />
</div>
</body>
</html> |
||
|
Časová prodleva: 15 let
|
|||
0