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
http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=3&topic=93895#2
Jiří56
Profil *
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
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 *
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 *
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>

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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