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
Pełna wersja: [js] kolejne zdjecie / przesuwanie zdjec
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
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
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.
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.
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.