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.
Cytat
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:
czyli jeśli będziemu chcieli wszystkie obrazki na stronie ustawić na te 50% piszemy
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ć:
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>
{: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>
