 [js] kolejne zdjecie / przesuwanie zdjec |
  |
| [js] kolejne zdjecie / przesuwanie zdjec |
| --marlonk-- |
 28.10.2007, 03:11:52
Post
#1
|
|
Goście  |
Witam,
moja strona to http://marlonk.nazwa.pl/foto/index.php jak widzisz po wejsciu na strone wyswietla sie jedno duze zdjecie i pod spodem szereg miniatur. Chcialbym zrobic tak aby rzad miniatur byl aktywny i aby mozna bylo przesuwac zdjecia w lewo lub w prawo i aby po kliknieciu na dana miniaturke otworzyla sie ona powyzej w wiekszej wersji. Oczywiscie jest jeden folder z 15 zdjeciami. I chcialbym aby miniaturki z tego folderu wyswietlaly sie w pasku miniatur i aby ten pasek byl aktywny i po kliknieciu w miniaturke zeby otwierala sie powyzej. prosze o pomoc. pozdrawiam |
 |
 
|
|
28.10.2007, 04:01:01
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 1 165 Pomógł: 9 Dołączył: 9.04.2002 Skąd: Toruń Ostrzeżenie: (0%) 
|
Skoro prosisz o pomoc to naprowadzę Cię, bo gotowca przecież nie oczekujesz
 tam gdzie masz przesuwanie w lewo, wprawo możesz użyć div i style overflow i za pomocą java script przesuwać po X zawartość div'a (parametr scroll) wyświetlanie zdjęcia dużego po kliku na małe - możesz użyć innerHTML, getElementById() i podawać nowy atrybut SRC do znacznika IMG to wszystko powodzenia! Łukasz -------------------- |
|
|
|
|
28.10.2007, 12:03:59
Post
#3
|
|
 Grupa: Zarejestrowani Postów: 25 Pomógł: 0 Dołączył: 5.12.2005 Skąd: Piła/Poznań Ostrzeżenie: (0%)
|
Witam,
dzieki za odpowiedz.. jednak dalej potrzebuje pomocy. mam takie cos http://marlonk.nazwa.pl/foto/ skrypt wyglada tak: w head <script>function changeImage(){ var list = document.getElementById('optionlist'); document.mainimage.src = list.options[list.selectedIndex].value;}function prevImage(){ var list = document.getElementById('optionlist'); if(list.selectedIndex == 0) { list.selectedIndex = list.options.length-1; } else { list.selectedIndex--; } changeImage();}function nextImage(){ var list = document.getElementById('optionlist'); if(list.selectedIndex == list.options.length-1) { list.selectedIndex = 0; } else { list.selectedIndex++; } changeImage();}</script>" title="Zobacz w manualu PHP" target="_manual w <body> onLoad="java script:changeImage()"" title="Zobacz w manualu PHP" target="_manual i w tresci <img src="images/leftar.gif" onClick="java script:prevImage()" alt="" width="11" height="70" /> - strzalka w lewo <img src="images/rightar.gif" onClick="java script:nextImage()" alt="" width="10" height="70" /> - strzalka w prawo a pomiedzy strzalkami liste <select id="optionlist" onChange="java script:changeImage()"> <option value="images/many1.jpg">First Image</option> <option value="images/many2.jpg">Second Image</option> <option value="images/many3.jpg">Third Image</option> <option value="images/many4.jpg">Fourth Image</option> </select> chce aby zamiast listy rozwijanej byly miniaturki ktore mozna przesuwac po kliknieciu w strzalkie w prawo na przyklad. prosze o pomoc. Ten post edytował marlonk 28.10.2007, 13:32:13 -------------------- Symbolika
|
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 31.05.2025 - 00:44 |
