ugrás a tartalomhoz

Folyamatos eltüntetés és megjelenítés...

ElectroBoy · 2008. Dec. 6. (Szo), 09.36
Üdv!

Nem régen belekezdtem egy böngészőben játszható játék elkészítésébe. Mivel a játékomnak lesznek választható karakterei, ezért kellet írnom egy karakterválasztó rendszert. Maga az egyszerű választási lehetőség "onChange" eseménykezelővel lett megoldva, hogy mikor a legördülő listában kiválasztja a karaktert, rögtön egy külön keretben megjelenjen a választott karakter előnézeti képe. És most jön a kérdésem:
Szeretném úgy tovább fejleszteni a kódomat, hogy a választáskor, a már a keretben levő kép folyamatosan eltűnni, majd fokozatosan kezdjen megjelenni az újdonsült választott karakter előnézeti képe. Hogyan oldhatnám meg?

Peace!
‹ div tartalmanak lapozasa javascripttel offsetWidth értéke nulla ›
 ■
1

scripaculous

efpe · 2008. Dec. 6. (Szo), 11.53
scripaculous
2

jQuery

Poetro · 2008. Dec. 6. (Szo), 12.32
jQuery-ben valahogy így csinálnám:
  1. $('select.character-selector').change(function () {  
  2.   var select = this;  
  3.   $(this).parents('form:first').find('img.character-image').fadeOut('normal', function () { // elhalványítjuk a képet, majd ha eltűnt...  
  4.     // kicseréljük a képet és újra megjelenítjük.  
  5.     $(this).attr('src', $(select).val() +'.png').fadeIn('normal');  
  6.   });  
  7. });  
3

Ebbe hogyan?

ElectroBoy · 2008. Dec. 6. (Szo), 18.57
Ebben segítenél beépíteni?
  1. function change_character(){  
  2. var display_block = document.getElementById('c_display_block');  
  3. var c_id = document.c_form.c_list.options[document.c_form.c_list.selectedIndex].value;  
  4. display_block.innerHTML = '<img src="./png/pepper'+c_id+'.png">';  
  5. document.getElementById('c_id').value = c_id;  
  6. }