Skocz do zawartości


Zdjęcie

[AJAX/JS] Rozjaśnienie obrazka po najechaniu myszą


  • Zaloguj się, aby dodać odpowiedź
2 odpowiedzi w tym temacie

#1 Ziele

Ziele

    Biblioteka Zielińskiego

  • 1812 postów

Napisano 19 02 2008 - 23:15

Taka sztuczka często stosowana na stronach www bardzo ładnie wygląda.. :( Wyróżniamy w ten sposób grafikę, na którą aktualnie najechaliśmy myszą i którą oglądamy. (bardziej skupiamy się na wyróżnionym obrazku niż na setkach innych prawda? :()

Ale przejdźmy do kodu.. W pliku css naszej strony www dodajemy:
.imagecontrast {
opacity : 0.70;
filter : alpha(opacity=70);
}
Natomiast przy obrazku wpisujemy poniższy kod:
<div class="imagecontrast" onmouseover="this.className=''" onmouseout="this.className='imagecontrast'"><img src="obrazki-tweaks.jpeg"></div>
Teraz na naszej stronie mamy bardzo ładnie wyglądającą mini galerię z obrazkami, które podświetlają się po najechaniu na nie myszą :(

  • 0

#2 Kai

Kai

    Stały użytkownik

  • 237 postów

Napisano 23 02 2008 - 18:58

Lepiej chyba użyć pseudoklasy :hover:. Będzie to szybsze w działaniu i nie spowoduje problemów, gdy JS jest w przeglądarce użytkownika wyłączony. Choć to już się coraz rzadziej zdarza.

  • 0

#3 Ziele

Ziele

    Biblioteka Zielińskiego

  • 1812 postów

Napisano 23 02 2008 - 21:19

Rozwiązań jest wiele, a każdy może robić to tak jak najbardziej mu się podoba...
Pokazałem jedno, ponieważ jakoś nie mam czasu opisywać wszystkich ;)

  • 0




Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych