Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [php/mysql]miniaturki zdjęć z lewej...powiększenie z prawej
Forum PHP.pl > Forum > Przedszkole
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:
  1. <img src="sciezka/do/duzej/grafiki/plik1.jpg" id="obrazek">
  2. <br><BR>
  3.  
  4. <img src="sciezka/do/miniaturek/plik2.jpg" onclick="zmien('plik2.jpg');">
  5.  
  6. <script language="javascript">
  7. function zmien(co)
  8. {
  9. document.getElementById('obrazek').src='sciezka/do/duzej/grafiki/'+co;
  10. }
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)

  1. <?php
  2. <script>
  3. function changeImage(filename)
  4. {
  5.  document.mainimage.src = filename;
  6. }
  7. </script>
  8. ?>


i następnie np.

  1. <?php
  2. <a href="java script:changeImage('image1.jpg')">Image 1</a>
  3. <a href="java script:changeImage('image2.jpg')">Image 2</a>
  4. <a href="java script:changeImage('image3.jpg')">Image 3</a>
  5. <a href="java script:changeImage('image4.jpg')">Image 4</a>
  6. ?>


to i Twoja odpowiedź "Cienki1980 Rkingsmiley.png " prawdopodobnie pozwolą na zrobienie dobrej i szybkiej roboty. DZIĘKUJĘ smile.gif
ali
a jak zrobic, zeby klikajac na duze zdjecie, pojawilo sie ono w nowym okienku questionmark.gif
FliSs_tCv
Mozesz tak zrobic przy pomocy java script smile.gif poszukałem na google tego moze sie przyda smile.gif

  1. <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>


Jak co www.google.pl ( Tytul : Okienka w java script ) tongue.gif
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



  1. function changeImage(filename)
  2. {
  3. document.mainimage.src = filename;
  4. document.bigimage.href = filename;
  5. }
  6.  
  7. <a name="bigimage" href="image1.jpg"><img src="image1.jpg" /></a>
  8. <a href="java script:changeImage('image1.jpg')">Image 1</a>
  9. <a href="java script:changeImage('image2.jpg')">Image 2</a>
  10. <a href="java script:changeImage('image3.jpg')">Image 3</a>
  11. <a href="java script:changeImage('image4.jpg')">Image 4</a>
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
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.