[php/mysql]miniaturki zdjęć z lewej...powiększenie z prawej Opcje

[kreo]

Witam

Co mam:

Strona w php, to które fotki akurat mają się wyświetlić przy opisie konkretnego produktu jest wcześniej definiowane w adminie i zapisywane do bazy danych MySQL (przerabiam sklep osCommerce).
Miniaturki zdjęć wyświetlają się z lewej strony (liczba fotek z lewej jest zmienna), natomiast z prawej strony wyświetla się duże zdjęcie jednego z nich.

Co chcę osiągnąć:
Generalnie poniższy efekt.




Najefektywnieszą pomocą dla mnie będzie zapodanie przykładu, skryptu działającego

[Cienki1980]

Najszybciej i najprościej ( bez bawienia się w AJAX'a lub też inne super skrypty ) można to wykonać za pomocą prostej funkcji JS, która po kliknięciu w miniaturkę będzie zmieniała obrazek główny.

Coś w tym stylu:

[HTML] pobierz, plaintext 
<img src="sciezka/do/duzej/grafiki/plik1.jpg" id="obrazek">
<br><BR>
 
<img src="sciezka/do/miniaturek/plik2.jpg" onclick="zmien('plik2.jpg');">
 
<script language="javascript">
function zmien(co)
{
 document.getElementById('obrazek').src='sciezka/do/duzej/grafiki/'+co;
}
</script>
[HTML] pobierz, plaintext 

[kreo]

dziękuję za rzeczową odpowiedź..poszukiwałem tutaj właśnie coś prostego natomiast nie mogłem tego znaleźć.
Na zagranicznej stronie znalazłem jeszcze coś takiego (także bardzo proste)

[PHP] pobierz, plaintext 
<?php
<script>
function changeImage(filename)
{
   document.mainimage.src = filename;
}
</script>
?>
[PHP] pobierz, plaintext 

i następnie np.

[PHP] pobierz, plaintext 
<?php
<a href="java script:changeImage('image1.jpg')">Image 1</a>
<a href="java script:changeImage('image2.jpg')">Image 2</a>
<a href="java script:changeImage('image3.jpg')">Image 3</a>
<a href="java script:changeImage('image4.jpg')">Image 4</a>
?>
[PHP] pobierz, plaintext 

to i Twoja odpowiedź "Cienki1980 " prawdopodobnie pozwolą na zrobienie dobrej i szybkiej roboty. DZIĘKUJĘ

[ali]

a jak zrobic, zeby klikajac na duze zdjecie, pojawilo sie ono w nowym okienku

[FliSs_tCv]

Mozesz tak zrobic przy pomocy java script poszukałem na google tego moze sie przyda

[HTML] pobierz, plaintext 
<a target="nazwa" href="index.html" onclick="window.open('index.html', 'nazwa', 'menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizab
le=no,fullscreen=no,channelmode=no,width=300,height=200').focus(); return false"></a>
[HTML] pobierz, plaintext 

Jak co www.google.pl ( Tytul : Okienka w java script )

[ali]

Nie do końca o to mi chodzi. Chcę do powyższego przykładu kreo przekazać zmienną z adresem strony które ma się otworzyć, po kliknięciu na duże zdjęcie. Adres ten będzie się zmieniał wraz z małymi zdjęciami. Hmm.. nie umie się wysłowic:P
Tak jak to jest rozwiązane np na stronach z ogłoszeniami np. tu www.auto.pl

[HTML] pobierz, plaintext 
<script>
function changeImage(filename)
{
   document.mainimage.src = filename;
   document.bigimage.href = filename;
}
</script>
 
<a name="bigimage" href="image1.jpg"><img src="image1.jpg" /></a>
<a href="java script:changeImage('image1.jpg')">Image 1</a>
<a href="java script:changeImage('image2.jpg')">Image 2</a>
<a href="java script:changeImage('image3.jpg')">Image 3</a>
<a href="java script:changeImage('image4.jpg')">Image 4</a>
[HTML] pobierz, plaintext 

Ten post edytował ali 16.07.2007, 23:11:21

[ciemak]

witam.
znalazłem ten sam skrypt, ale nie wiem jak przerobić go żeby po kliknięciu na duże zdjęcie wskakiwało nast.
Da się to tutaj zrobić? Bardzo proszę o pomoc