Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Slideshow z wyborem zdjęcia, Jak zrobić?
leewang
post 11.04.2011, 18:15:48
Post #1





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 19.11.2009
Skąd: Chrzanów / Kraków

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


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
Go to the top of the page
+Quote Post
krowal
post 12.04.2011, 08:33:02
Post #2





Grupa: Zarejestrowani
Postów: 561
Pomógł: 72
Dołączył: 15.11.2006

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


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.

Ten post edytował krowal 12.04.2011, 08:33:22


--------------------
Nawet świnka może wejść na drzewo kiedy jest chwalona :)
Go to the top of the page
+Quote Post
leewang
post 12.04.2011, 11:49:27
Post #3





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 19.11.2009
Skąd: Chrzanów / Kraków

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


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ęć?
Go to the top of the page
+Quote Post
krowal
post 12.04.2011, 15:09:55
Post #4





Grupa: Zarejestrowani
Postów: 561
Pomógł: 72
Dołączył: 15.11.2006

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


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



--------------------
Nawet świnka może wejść na drzewo kiedy jest chwalona :)
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 20.04.2024 - 04:45