Michał Kowalewski wolnystrzelec
konto usunięte
$('img.doZamiany').hover(
function()
{
$(this).attr('src','nowy-obrazek.jpg');
}
);
<img src="stary-obrazek.jpg" class="doZamiany" />
$('img.doZamiany')
.mouseover(
function() {
var src = $(this).attr('src').match(/[^\.]+/) + '-m.jpg';
$(this).attr('src', src);
})
.mouseout(function() {
var src = $(this).attr('src').replace('-m', '');
$(this).attr('src', src);
});
konto usunięte
Krystian Podemski:
konto usunięte
#element
{
background : url(obrazek.jpg) no-repeat top left;
width: 200px; height: 200px;
}
#element:hover
{
background : url(obrazek_po_najechaniu.jpg) no-repeat top left;
}
Michał Kowalewski wolnystrzelec
Andrzej Winnicki:
Krystian Podemski:
Rozumiem ze podany przez Ciebie przyklad to byl po prostu dobry zart tak? :)
Chcesz mi powiedziec ze do zrobienia prostego przelacznika obrazkow na mouseover zaciagniesz cala biblioteke jquery ????
- ejj stary, musze przewiezc szafke na drugi koniec miasta
- spoko, masz tutaj TIRa z dwoma przyczepami
Serio.. jesli juz starasz sie podac przyklad, to chociaz z taki wiesz, hm... no... sensowny ;)
Jesli kolega uzywa i tak bibliotek jQuery, to fakt, mozna tak zrobic, ale jesli tego nie robi (a skoro ma problem z tak podstawowa rzecza, zapewne nie bardzo nawet wie co to jest), to takie rozwiazania po prostu nie powinny byc sugerowane... ja wiem, lenistwo. ehh...
konto usunięte
Krystian Podemski:He? Na odwrót jest raczej :-) Choćby dlatego, że mało kto wyłącza obsługę CSS, podczas gdy JavaScript może zdarzyć się dość często. Z drugiej strony IE6 nie obsługuje :hover dla elementów innych niż link.
Żarty to Ty sobie kolego robisz robiąc offtop w temacie. Jest rozwiązanie, na PM poszła pełna solucja więc jaki widzisz problem?
Jasne, że można zrobić np. tak:
#element
{
background : url(obrazek.jpg) no-repeat top left;
width: 200px; height: 200px;
}
#element:hover
{
background : url(obrazek_po_najechaniu.jpg) no-repeat top left;
}
Ale wtedy rozwiązanie traci na funkcjonalności.Krystian Podemski edytował(a) ten post dnia 02.07.10 o godzinie 23:42
Michał Kowalewski wolnystrzelec
konto usunięte
He? Na odwrót jest raczej :-) Choćby dlatego, że mało kto wyłącza obsługę CSS, podczas gdy JavaScript może zdarzyć się dość często. Z drugiej strony IE6 nie obsługuje :hover dla elementów innych niż link.
Ale tak czy siak, najlepszym rozwiązaniem w 99% przypadków będzie zastosowanie CSS Sprites.
konto usunięte
Krystian Podemski:Tak tak, zdaję sobie sprawę, że mój blog pod IE6 nie działa ;)
He? Na odwrót jest raczej :-) Choćby dlatego, że mało kto wyłącza obsługę CSS, podczas gdy JavaScript może zdarzyć się dość często. Z drugiej strony IE6 nie obsługuje :hover dla elementów innych niż link.
Ale tak czy siak, najlepszym rozwiązaniem w 99% przypadków będzie zastosowanie CSS Sprites.
Tak, CSS Sprites jest dobrym rozwiązaniem. Ale załóżmy, że masz 100 obrazków w galerii, nazwane są obrazek_1.jpg, obrazek_1_kolor.jpg. Normalnie są grayscale, po najechaniu full color. Co robisz? Użyjesz sprite`ów? CSS? Jest już późno, jestem zmęczony, ale wydaje mi się, że najskuteczniejszą metodą byłby java script, po za tym... ile osób wyłącza obsługę .js? Zawsze można dać regułkę, że przy wyłączonym .js będą obrazki zawsze full color i tyle.
No i ten IE6, pozostawię bez komentarza, chociażby dlatego, że np. Twój blog źle się pod nim wyświetla ;)
Jeszcze do Adama. jQuery zaciągane przez CDN nie boli. Na prawdę.
konto usunięte
konto usunięte
Michał Kowalewski wolnystrzelec
Kamil Brenk:
jQuery nawet przez CDN będzie cholernie długo się wczytywało w telefonach, zwłaszcza starszej marki (nie wspominając, że tam każdy bajt kosztuje). nie ma co robić off-top, mniejsza o to.
Michał, słyszałeś o Google?
http://www.google.pl/search?q=javascript+mouseover
konto usunięte
jQuery nawet przez CDN będzie cholernie długo się wczytywało w telefonach, zwłaszcza starszej marki (nie wspominając, że tam każdy bajt kosztuje). nie ma co robić off-top, mniejsza o to.
konto usunięte
Krystian Podemski:
Proponowałbym teraz Riddle`a zapytać o to samo o czym pisał 3 lata temu. Teraz można więcej dzięki .js, przeglądarki obsługują go lepiej, a % użytkowników, którzy z niego nie korzystają jest mniejszy.
konto usunięte
konto usunięte
пропозиції роботи
<div style="background: url('./obrazek1.gif') no-repeat;" onmouseover="style.backgroundImage='url(./obrazek2.gif)'" onmouseout="style.backgroundImage='url(./obrazek1.gif)'">Lorem ipsum</div>
konto usunięte
Michał Wachowski:
<div style="background: url('./obrazek1.gif') [/quote]> no-repeat;" [quote]onmouseover="style.backgroundImage='url(./obrazek2.gif)'" onmouseout="style.backgroundImage='url(./obrazek1.gif)'">Lorem ipsum</div>
I tyle.
A wy się pieprzycie dyrdymały o frameworkach.
Michał Kowalewski wolnystrzelec
Piotr Lewandowski:
Michał Wachowski:
<div style="background: url('./obrazek1.gif') [/quote][/quote]> > no-repeat;" [quote][quote]onmouseover="style.backgroundImage='url(./obrazek2.gif)'" onmouseout="style.backgroundImage='url(./obrazek1.gif)'">Lorem ipsum</div>
I tyle.
A wy się pieprzycie dyrdymały o frameworkach.
WOW... Mamy rok 2010 a tu "mouseover, mouseout" - jakże "nowoczesne" rozwiązanie... <ironia>Ludzkość nie jest jeszcze gotowa na tak zaawansowane rozwiązania</ironia>Piotr Lewandowski edytował(a) ten post dnia 03.07.10 o godzinie 14:29
konto usunięte
Michał K.:
Piotrze wydaje mi się że nie istotne jest który mamy rok. Jeśli coś ma służyć to chudź by to była prehistoria ale
dobra to zawsze będzie przez kogoś stosowana. To tak jak by stwierdzić że html to przeżytek a Flashe to coś ekstra. Szkoda że tylko w wyglądzie. :-)
konto usunięte
Piotr Lewandowski:
Michał Wachowski:
<div style="background: url('./obrazek1.gif') [/quote][/quote]> > no-repeat;" [quote][quote]onmouseover="style.backgroundImage='url(./obrazek2.gif)'" onmouseout="style.backgroundImage='url(./obrazek1.gif)'">Lorem ipsum</div>
I tyle.
A wy się pieprzycie dyrdymały o frameworkach.
WOW... Mamy rok 2010 a tu "mouseover, mouseout" - jakże "nowoczesne" rozwiązanie... <ironia>Ludzkość nie jest jeszcze gotowa na tak zaawansowane rozwiązania</ironia>
Następna dyskusja:
