Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][HTML]Losowa kolejność divów
Forum PHP.pl > Forum > Przedszkole
bezkitu
Witam
Mam taki oto zestaw divów, które są kolejnymi slidami w slideshow:

  1. <div style="position: relative; width: 249px; height: 149px; float: left;" class="jFlowSlideContainer">
  2. <div>
  3. <a href="#"><img src="1.jpg" alt="photo" border="0" /></a>
  4. </div>
  5. </div>
  6.  
  7. <div style="position: relative; width: 249px; height: 149px; float: left;" class="jFlowSlideContainer">
  8. <div>
  9. <a href="#"><img src="2.jpg" alt="photo" border="0" /></a>
  10. </div>
  11. </div>
  12.  
  13.  
  14. <div style="position: relative; width: 249px; height: 149px; float: left;" class="jFlowSlideContainer">
  15. <div>
  16. <a href="#"><img src="3.jpg" alt="photo" border="0" /></a>
  17. </div>
  18. </div>


Zależy mi na tym aby te sjaldy były wyświetlane losowo a chyba najprostszą drogą będzie wymuszenie losowanie kolejności samych divów. Jeśli ktoś był by na tyle miły aby wytłómaczyć mi jak to zrobić będę bardo wdzięczny smile.gif
novy85
ja bym to zrobił tak do div-ów głównych dodał jeszcze i umieścił je w jakimś głównym kontenerze
  1. <div id="glowny">
  2. <div id="div1"></div
  3. <div id="div2"></div>
  4. <div id="div3"></div>
  5. </div>


potem dodał funkcję w js:
  1. function rand ( n )
  2. {
  3. return ( Math.floor ( Math.random ( ) * n + 1 ) );
  4. }
  5.  

gdzie podając np: rand(3); funkcja wylosuje liczbę z zakresu od 1 do 3 i np. używając jQuery (przy założeniu że zawsze div o id=div1 jest widoczny jako pierwszy)
ustawiał
  1. setInterval(function()
  2. {
  3. nr_diva=rand(3);
  4. $('#glowny div').not('#div'+nr_diva).hiden();
  5. $('#glowny #div'+nr_diva).show();
  6. },1000);


czy jakoś tak, pisane z palca i nie przetestowane, ale jakiś tam sposób przedstawiłem smile.gif
cook
Nie jestem programiastą więc jak coś to mnie poprawnie.

Ją bym każdego z tych divow przepisał osobnej zmiennej, a następnie zmienił te zmienne w parametry tablicy (jest do tego funkcją ale nie pamiętam jaka) no i potem za pomocą funkcji rand() losowalbym dowolną wartość z tablicy. tongue.gif
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.