Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]dynamiczna zmiana obrazków
eki
post
Post #1





Grupa: Zarejestrowani
Postów: 113
Pomógł: 0
Dołączył: 26.03.2008
Skąd: nowy sącz

Ostrzeżenie: (10%)
X----


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 ;/
Go to the top of the page
+Quote Post
krzyszbi
post
Post #2





Grupa: Zarejestrowani
Postów: 251
Pomógł: 13
Dołączył: 15.09.2005

Ostrzeżenie: (0%)
-----


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 )
Go to the top of the page
+Quote Post
eki
post
Post #3





Grupa: Zarejestrowani
Postów: 113
Pomógł: 0
Dołączył: 26.03.2008
Skąd: nowy sącz

Ostrzeżenie: (10%)
X----


trzeba w takim wypadku zadeklarować na początku javascript?
Go to the top of the page
+Quote Post
krzyszbi
post
Post #4





Grupa: Zarejestrowani
Postów: 251
Pomógł: 13
Dołączył: 15.09.2005

Ostrzeżenie: (0%)
-----


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"/>
Go to the top of the page
+Quote Post
eki
post
Post #5





Grupa: Zarejestrowani
Postów: 113
Pomógł: 0
Dołączył: 26.03.2008
Skąd: nowy sącz

Ostrzeżenie: (10%)
X----


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

Ten post edytował eki 17.09.2008, 21:18:14
Go to the top of the page
+Quote Post
krzyszbi
post
Post #6





Grupa: Zarejestrowani
Postów: 251
Pomógł: 13
Dołączył: 15.09.2005

Ostrzeżenie: (0%)
-----


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ć
Go to the top of the page
+Quote Post
eki
post
Post #7





Grupa: Zarejestrowani
Postów: 113
Pomógł: 0
Dołączył: 26.03.2008
Skąd: nowy sącz

Ostrzeżenie: (10%)
X----


ja mam na przykład: images/drewholtz/mini.jpg

wielkie dzięki! działa jak trzeba (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 14:55