chomik21m 
Blogger.Klub
Imię: Mateusz
Pomógł: 9 razy
Wiek: 29
Dołączył/a: 28 Kwi 2012
Posty: 193
|
Wysłany:
2013-08-30, 13:01 Przyciemnienie obrazka: CSS czy jQuery
|
|
|
Witam,
Od pewnego czasu do przyciemniania obrazków używam tego kodu CSS:
Kod .alfa {
color: #FFF;
-moz-transition-duration: 500ms;
-moz-transition-timing-function: ease-in;
-webkit-transition-duration: 500ms;
-webkit-transition-timing-function: ease-in;
transition-duration: 500ms;
transition-timing-function: ease-in;
opacity: 0.65;
}
.alfa:hover {
opacity: 1;
}
Niemniej wszyscy polecają, aby przyciemnienie obrazka wykonać za pomocą kodu jQuery, np. taki:
Kod <script src='jquery-1.7.1.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('.obrazek').css('opacity', 0.65);
$('.obrazek').css('cursor', 'pointer');
$('.obrazek').hover(function() { //kursor wchodzi
$(this).stop().animate({'opacity': 1}, "slow");
},function() { //kursor wychodzi
$(this).stop().animate({'opacity': 0.65}, "slow");
});
});
</script>
I tu pytanie do Was: która opcja jest lepsza i dlaczego?
Zauważyłem, że gdy strona się ładuje i zaczynają pojawiać się obrazki, to:
a) z kodem CSS pojawiają się one od razu przyciemnione.
b) z jQuery najpierw pojawiają się "normalne", a dopiero po załadowaniu niemalże całego bloga pojawiają się przyciemnione.
Dlatego wybrałem kod CSS.
PS. Oba przyciemnienia obrazka są płynne.
|
______________________________________________________ Felietony, w szczególności motoryzacyjne, pisane w niebanalny sposób:
http://mateuszchomicki.pl |
|
FAQ
Szukaj
Użytkownicy
Blogger Polska!
Rejestracja
Zaloguj
