Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][HTML]Losowa kolejność divów
bezkitu
post
Post #1





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 18.10.2007

Ostrzeżenie: (0%)
-----


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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
novy85
post
Post #2





Grupa: Zarejestrowani
Postów: 123
Pomógł: 16
Dołączył: 31.10.2007

Ostrzeżenie: (0%)
-----


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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
cook
post
Post #3





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 23.01.2010

Ostrzeżenie: (0%)
-----


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. (IMG:style_emoticons/default/tongue.gif)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 12:58