jQuery - FadeTo Opcje

[yoji]

Chciałbym w swoim portfolio (Wordpress) wykorzystać funkcje jQuery, a dokładniej FadeTo
Chcę aby wszystkie obrazki na stronie działały w pod tą funkcją. Korzystam z tego tutka, ale nie mogę sobie z tym poradzić. Nie wiem po prostu gdzie dodać ten kod, do jakiego pliku [?]

Z góry bardzo dziękuje za pomoc.

fadeTo


FadeTo, w przeciwnieństwie do poprzedniczek lubi stany przejściowe. Za jej pomocą możemy sprawić, że wszystkie obrazki obrazki na stronie będą miały przezroczystość ustawioną na 50%.

Składnia tej funkcji wygląda następująco:

Kod

$(nazwa_selektora_ktoremu_chcemy_cos_zrobic).fadeTo("czas_trwania_efektu", do_jakiego_poziomu);

czyli jeśli będziemu chcieli wszystkie obrazki na stronie ustawić na te 50% piszemy

Kod

$("img").fadeTo("slow", .5);

Zobaczcie sami: przykład


FadeTo w praktyce
FadeTo użyjemy do przyozdobienia małej galeryjki.

Naszym zadaniem będzie najpierw ustawić obrazkom przezroczystość na 50%, a po najeździe przeroczystość stalić na 0.

Tak to będzie wyglądać:

Kod

<div class="javascript dean_ch" style="white-space: nowrap;">{:content:}lt;span class="br0">(</span>document<span class="br0">)</span>.ready<span class="br0">(</span><span class="kw2">function</span><span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span>
                        {:content:}lt;span class="br0">(</span><span class="st0">"li"</span><span class="br0">)</span>.fadeTo<span class="br0">(</span><span class="st0">"fast"</span>, .5<span class="br0">)</span>;  <p>                {:content:}lt;span class="br0">(</span><span class="st0">"li"</span><span class="br0">)</span>.hover<span class="br0">(</span><span class="kw2">function</span><span class="br0">(</span><span class="br0">)</span><span class="br0">{</span>
                                {:content:}lt;span class="br0">(</span>this<span class="br0">)</span>.fadeTo<span class="br0">(</span><span class="st0">"fast"</span>, <span class="nu0">1</span><span class="br0">)</span>;
                        <span class="br0">}</span>,<span class="kw2">function</span><span class="br0">(</span><span class="br0">)</span><span class="br0">{</span>
                                {:content:}lt;span class="br0">(</span>this<span class="br0">)</span>.fadeTo<span class="br0">(</span><span class="st0">"fast"</span>, .5<span class="br0">)</span>;
                        <span class="br0">}</span><span class="br0">)</span>;</p>  <p>                <span class="br0">}</span><span class="br0">)</span>;</p></div>

Ten post edytował yoji 8.06.2009, 13:05:56