HTML/PHP/AJAX/JS - Powiększenie autominiatur (img>400px) po najechaniu myszą
pawelooss - 07-04-2009, 20:41 Temat postu: Powiększenie autominiatur (img>400px) po najechaniu myszą Witam!
Mam myślę, że ciekawe pytanie. Otóż, jak wiadomo, skrypt forum automatycznie pomniejsza duże obrazki wstawiane w treści postów do miniatur o szerokości 400 pikseli. Dopiero po kliknięciu na taką miniaturę pojawia się obraz w pełnej szerokości.
Jak zrobić, by nie trzeba było klikać na taką autominiaturę, a tylko najechać na nią kursorem myszy?
Znalazłem coś podobnego na jednej stronie, ale niestety nie mam tam dostępu: http://algorytmy.pl/?id=2294
Być może wystarczy tylko zamienić gdzieś "onclick" na "onmouseover", ale nie wiem nawet, gdzie należy szukać kodu odpowiadającego za tworzenie autominiatur.
Każdą pomoc nagrodzę oczywiście punktem "Pomógł".
Liczę na Państwa kreatywność.
Pozdrawiam,
pawelooss
maminowiec - 11-04-2009, 12:03
zobacz
Kod: | http://www.cssplay.co.uk/menu/magnify |
They2 - 11-04-2009, 15:00
pawelooss, onmouseover to:
- po najechaniu na obrazek 1 zmienia na obrazek 2
Kod: | <img src="obrazek_1.gif" alt="" border="0" onmouseover="this.src = 'obrazek_2.gif'" onmouseout="this.src = 'obrazek_1.gif'" /> |
mozna tak zrobic po najechaniu na maly obrazek nr 1 zmieni na duzy obrazek nr 2.
jesli chodzi o jeden duzy obrazek - jeden plik - po najechaniu powieksza obrazek
to trzeba przerobic w php lub moze byc w js
w php:
$obrazek1 - to zmienna wartosci obrazka nr 1 (miniatura), w zmiennej musi miec rozmiar obrazka jako miniatura czyli:
Kod: | $obrazek1 = 'link do obrazka z rozmiarem miniaturowym'; |
$obrazek2 - to standardowy obrazek
wtedy wynik wygladalby tak:
Kod: | <img src="$obrazek1f" alt="" border="0" onmouseover="this.src = '$obrazek2'" onmouseout="this.src = '$obrazek1'" /> |
nie testowalem, na moje oko tak powinno dzialac... domyslam sie ze na pewno blad jest.
tym musisz sie zarejestrowac konto i placic za dostep.
|
|
|