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:
$('select.character-selector').change(function () {
  var select = this;
  $(this).parents('form:first').find('img.character-image').fadeOut('normal', function () { // elhalványítjuk a képet, majd ha eltűnt...
    // kicseréljük a képet és újra megjelenítjük.
    $(this).attr('src', $(select).val() +'.png').fadeIn('normal');
  });
});
3

Ebbe hogyan?

ElectroBoy · 2008. Dec. 6. (Szo), 18.57
Ebben segítenél beépíteni?

function change_character(){
var display_block = document.getElementById('c_display_block');
var c_id = document.c_form.c_list.options[document.c_form.c_list.selectedIndex].value;
display_block.innerHTML = '<img src="./png/pepper'+c_id+'.png">';
document.getElementById('c_id').value = c_id;
}