Forum PHP.pl

Szczerze mówiąc to szukam czegoś takiego:
Mamy jedno główne pole img, w którym wyświetlony jest jakiś obrazek, pod nim mamy miniaturki z obrazkami i teraz!! w momencie kiedy najadę myszką
na miniaturkę (onmouseover) obrazek który był miniaturką wyświetlany jest w polu głównym w pełnym rozmiarze. Zaznaczam że nic nie klikam. Proszę podpowiedzcie mi jak to się robi i czy jest do tego jakiś gotowy skrypt w js.
Z góry dzięki i pozdrawiam

Ten post edytował Kozazone 8.08.2007, 17:14:18

można tak:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function zmien(nowy_src){
var obraz=document.getElementById('obraz');
obraz.src=nowy_src;
}
</script>
<img src="domyslne.jpg" id="obraz" alt="Obraz" />
<img src="mini1.jpg" onmouseover="zmien('maks1.jpg')" alt="Obraz" />
<img src="mini2.jpg" onmouseover="zmien('maks2.jpg')" alt="Obraz" />
[HTML] pobierz, plaintext 

Pisane z głowy więc może nie działać, ale ogólny pogląd masz;P Ewentualnie możesz dać duży obraz do DIV'a i innerHtml'em zmieniać:)

Do tego glownego obrazka dodaj atrybut

[HTML] pobierz, plaintext 
id="bigImage"
[HTML] pobierz, plaintext 

I potem w tych malych obrazkach atrybut:

[HTML] pobierz, plaintext 
onmouseover="document.getElementById('bigImage').src='sciezka/do/obrazka.jpg'"
[HTML] pobierz, plaintext 

dzięki właśnie o to mi chodziło

Też dołączam się do podziękowań, bo tez tego szukałem.