Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript] Jquery slideshow jak to uruchomi ;/ ?
Forum PHP.pl > Forum > Przedszkole
kielich
Witam mam problem ponieważ potrzebuje efektu slideshow dokładnie

TUTUJ Ken Burns variant (ostatni przykład)

i kiedy robię tak jak jest napisane nic się nie dzieje działa tylko pierwszy przykład zwykły slideshow
robię to tak

Kod
  $(function() {
$('#placeholder').crossSlide({
  fade: 1,
  variant: true,
  easing: 'easeInOutQuad'
}, [

      { src: 'picture1.jpg' }, //ścieżki mam swoje oczywiście
      { src: 'picture2.jpg' },
      { src: 'picture3.jpg' },
      { src: 'picture4.jpg' }
    ])
  });


no i div
  1. <div id="placeholder"></div>

mam linki do jquery i dwóch tych bibl.

może ktoś mi pomóc i pokazać co zrobiłem źle
Bardzo proszę o pomoc
Lejto
udało ci się to zrobić?
camilost
"How to use it" na stronie którą podałeś masz...
Lejto
czytałem
mam taki kod
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. </head>
  7. <script src="js/jquery.1.2.4.js"></script>
  8. <script src='js/easing.min.js'></script>
  9. <script src='js/jquery.pause.js'></script>
  10. <script src='js/jquery.cross-slide.js'></script>
  11.  
  12. jQuery(function($) {
  13. $('#slideshow').crossSlide({
  14. sleep: 100000, // <--- this one
  15. fade: 1
  16.  
  17. }, [
  18. { src: 'kadar/1.jpg' , dir: 'up'},
  19. { src: 'kadar/1.jpg' },
  20. { src: 'heaven.jpg' }
  21. ]);
  22.  
  23.  
  24. });
  25.  
  26.  
  27.  
  28. <style type="text/css">
  29. #slideshow {
  30. width: 600px;
  31. height: 200px;
  32. }
  33. <div id="slideshow"></div>
  34.  
  35.  
  36. </body>
  37. </html>
  38.  


nikt nie wie jak to odpalić?
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.