ugrás a tartalomhoz

Kép áttűnés js-flash?

magnat · 2009. Ápr. 28. (K), 09.05
Sziasztok!

Nagy divat lett ez a dolog a siteokon amikor a főoldalon lévő vezércikk képe elhalványodik, és egy új jön elő. Googlebe próbáltam rákeresni, de igazából nem jöttem rá milyen keresőszót használjak. Esetleg tudtok egy kész scriptet, flasht?

Köszönöm
‹ jquery tab daterangepicker Mindig látszódó frame-ek ›
 ■
1

fade / crossfade

Poetro · 2009. Ápr. 28. (K), 10.13
Mind JavaScript-ben mind Flashben megoldható, JavaScript-ben érdemes erre valami keretrendszert használni, Flash esetén Transition osztályt.
2

http://www.gruppo4.com/~tobia

magnat · 2009. Ápr. 28. (K), 14.22
http://www.gruppo4.com/~tobia/cross-slide.shtml itt van ami szimpatikus, a második.
  1. nem sikerült működésre bírni, én hibázok?!  
  2.   
  3. <html>  
  4. <script type="text/javascript" src="jquery.js"></script>  
  5. <script type="text/javascript" src="jquery.cross-slide.js"></script>  
  6.  <script type="text/javascript">  
  7.      $('#test2').crossSlide({  
  8.   sleep: 2,  
  9.   fade: 1  
  10. }, [  
  11.   { src: 'lib/sand-castle.jpeg' },  
  12.   { src: 'lib/sunflower.jpeg'   },  
  13. ]);  
  14.     </script>  
  15.     <style type="text/css">  
  16.   #test2 {  
  17.     margin: 1em auto;  
  18.     border: 2px solid #555;  
  19.     width: 550px;  
  20.     height: 367px;  
  21.   }  
  22. </style>  
  23.   
  24. </head>  
  25.   
  26. <body>   
  27. <div id="test2">Loading…</div>  
  28.   
  29. </body>  
  30. </html>  
3

megoldás

magnat · 2009. Ápr. 28. (K), 16.31
a probléma az volt hogy az utolsó sorhoz nem kell
,


tehát a helyes kód:
  1. { src: 'lib/sand-castle.jpeg' },  
  2. { src: 'lib/sunflower.jpeg' }  
4

Használj valamilyen eszközt

Török Gábor · 2009. Ápr. 29. (Sze), 12.11
Használj valamilyen eszközt (Firebug, Emacs stb.), ami egyből sikolt, ha hibát talál.