Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]dynamiczna zmiana obrazków
Forum PHP.pl > Forum > Przedszkole
eki
proszę o jakiś prosty skrypt (zupełnie nie znam js!)
mam na stronie jedno duże zdjęcie produktu i 4 miniaturki (które są zmniejszane w czasie rzeczywistym przez skrypt php).
duże zdjęcie jest też na jednej z miniaturek.
potrzebuję aby po najechaniu na pozostałe miniaturki zmieniało się duże zdjęcie,
przejrzałam mnóstwo gotowych skryptów,ale nie potrafię ich dostosować na moje potrzeby ;/
krzyszbi
nadajesz dużemu zdjęciu jakies id
później przy każdym obrazku dajesz onmouseover i tam coś na wzór
Kod
document.getElementById('bigimg').src = 'adres zdjęcia';

i tyle 5 min i działą

p.s. zawsze można to udoskonalić aby było coś na wzór ładowania obrazka ( div o wymiarze zdjęcia i tło z gifem )
eki
trzeba w takim wypadku zadeklarować na początku javascript?
krzyszbi
własnie nie będzie coś mniej więcej takiego
Kod
<img src="./img/foto5.jpg" onmouseover="document.getElementById('bigimg').src = './img/foto5.jpg';" width="50"/>
eki
zrobiłam tak:
echo '<img id="duze" src='.$fot.'>';

a dalej:

echo '<img src=miniatura.php?dir='.$pelne.' onmouseover=document.getElementById(\'duze\').src = \''.$pelne.'\';>';


i nie działa niestety
krzyszbi
co masz dokładnie pod $pełne?? ja miałem np './img/foto1.jpg' i mi działało
jeli chcesz cały adres http to trzeba coś niecoś pokombinować
eki
ja mam na przykład: images/drewholtz/mini.jpg

wielkie dzięki! działa jak trzeba smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.