Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
prosty pokaz zdjęć
#1
Witam!

Mam na stronie ( www.tykwa.info ) taki mały pokaz zdjęć po lewej stronie. Działa on na podstawie tego skryptu:

Kod:
<script>
   <!--

//configure the paths of the images, plus corresponding target links
   slideshowimages("img/slajdy/1.jpg","img/slajdy/2.jpg","img/slajdy/3.jpg","img/slajdy/4.jpg","img/slajdy/5.jpg","img/slajdy/6.jpg","img/slajdy/7.jpg","img/slajdy/8.jpg","img/slajdy/9.jpg")
   slideshowlinks("galeria_lampy.html","galeria_roslina.html","galeria_lampy.html","galeria_lampy.html","galeria_lampy.html","galeria_roslina.html","galeria_lampy.html","galeria_lampy.html","galeria_inne.html")

//configure the speed of the slideshow, in miliseconds
   var slideshowspeed=5000

var whichlink=0
   var whichimage=0
   function slideit(){
   if (!document.images)
   return
   document.images.slide.src=slideimages[whichimage].src
   whichlink=whichimage
   if (whichimage<slideimages.length-1)
   whichimage++
   else
   whichimage=0
   setTimeout("slideit()",slideshowspeed)
   }
   slideit()

//-->
</script>

zresztą wszystko jest w źródle.

Czy ktoś mógłby mi poradzić jak zmienić kod, żeby obrazki wyświetlały się losowo i nie trzeba było wprowadzać ich ręcznie tylko, podać folder w którym się znajdują wszystkie obrazki? Bardzo ułatwiło by mi to pracę, ale zbytnio nie mam pojęcia jak to zrobić:/

pzdr
Odpowiedz
#2
Hej, na początku, podzielę twoje zadanie na dwa podzadania:
1. losować obrazki
2. pobierać zdjęcia automatycznie z folderu

A propo 1 - losowanie obrazków
sprawa jest prosta, używając klasy Random w javascripcie możemy wybierać losowe obrazki.
Oto zmieniony kod metody slideIt()
Kod:
function slideit(){
   if (!document.images)
   return
   document.images.slide.src=slideimages[whichimage].src
   whichlink=whichimage
var rand_no = Math.random();
rand_no = Math.ceil((rand_no * slideimages.length))-1;
whichimage = rand_no;
//   if (whichimage<slideimages.length-1)
//  whichimage++
   //else
   //whichimage=0
  
   setTimeout("slideit()",slideshowspeed)
   }
odkomentowałem stary kod a poza nim tutaj widzimy nowy kod losujący elementy z tablicy slideimages gdzie przechowywane są zdjęcia.
Math.ceil to funkcja podłogi, czyli zaokrąglanie w dół, rand_no losuję nam liczbę z przedziału 0-1 i mnożymy ją potem przez długość slideimages. Jak mamy pięć elementów, to otrzymamy rzut pinezką w pola od 1 do 5 a więc losowanie.
A propos 2. Siedziałem trochę nad tym i nie da sie w javascripcie pobrać zawartości folderu, jest kontrolka activeX ale to już kombinowanie a może być problem z kompatybilnością i nie każdy chce activeX. Sensownie było by tutaj użyć kodu php i przemienić trochę javascript. Jeśli masz php u ciebie na serwerze to napisz, napiszę ci ten kod.
Pytanie funkcjonalne do kodu - losowanie zdjęć pobieramy z folderu ale co z odnośnikami do tych zdjęć? tak czy owak trzeba je podać ręcznie..

Pozdrawiam
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Galeria zdjęć w4wer 2 3,824 19-09-2014, 02:56
Ostatni post: Kartofelek
  Galeria Jquery- liczba zdjęć Lenad 5 4,842 31-12-2012, 14:17
Ostatni post: atp
  Prosty skrypt .toggle() jingels 5 2,362 16-09-2012, 21:10
Ostatni post: kornell
  [js] Przerobienie przeglądarki do zdjęć Kamyk 1 2,738 25-04-2012, 14:19
Ostatni post: Kartofelek
  [js/jQuery] Przewijanie zdjęć + wyswietlanie duzego zdjecia SSparrow 2 3,656 17-01-2012, 01:13
Ostatni post: SSparrow

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl