Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Slideshow z wyborem zdjęcia
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
leewang
Witam

Chciałbym zrobić na stronie głównej taki slideshow z wyborem kilku zdjęć, tak jak jest np na wp.pl. 5 Głównych wiadomości które same przeskakują lub można sobie zmieniać.

Nie chce żeby to były linki po kliknięciu na zdjęcie, tylko po prostu taka galeria która sama przerzuca zdjęcia lub można je sobie wybrać (zdjęcia są ustawione na stałe np 5 zdjęć i na górze zdjęcia są numerki od 1 do 5)

Jak coś takiego można zrobić? Jest na to jakiś gotowy skrypt?

Pozdrawiam
krowal
Tutaj: http://www.modelome.com/ robiłem coś takiego, te duże zdjęcia na głównej zmieniają się co 5s. aż do kliknięcia w jeden z linków po lewej stronie, wtedy rotacja się zatrzymuje. Zerknij sobie w kod. To jest na jQuery.
leewang
Dzięki właśnie o to mi chodzi, ale z tego co patrze w kod to chyba dla mnie to zbyt skomplikowane żeby przerobić to na moje potrzeby sad.gif Chyba że możesz podać mi główny kod który odpowiada za zmianę zdjęć?
krowal
To chyba będzie to
[JAVASCRIPT] pobierz, plaintext
  1. var __teaserActive = 1;
  2.  
  3. function changeTeaser(id){
  4. jQuery('div.slider-menu li a').removeClass('active');
  5. jQuery('#panel_'+id+'_link').addClass('active');
  6. jQuery('#teaserBox .panel').hide();
  7. jQuery('#teaserBox .teaser'+id).fadeIn(2000);
  8. }
  9.  
  10. function loopTeasers(){
  11. __teaserActive = __teaserActive == 4 ? 1 : (__teaserActive + 1);
  12. changeTeaser(__teaserActive);
  13. }
  14.  
  15. var interval = setInterval('loopTeasers()', 5000);
  16.  
  17. jQuery().ready(function() {
  18. jQuery('div.slider-menu li a').click(function(){
  19. var params = jQuery(this).attr('id').split('_');
  20. if (__teaserActive != params[1]){
  21. changeTeaser(params[1]);
  22. __teaserActive = params[1];
  23. }
  24. window.clearInterval(interval);
  25. return false;
  26. })
  27. });
  28.  
[JAVASCRIPT] pobierz, plaintext


Html sobie sam wyciągnij wink.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.