Warum müssen Bilder in Div-/Spannelementen umgeben sein, damit Effekte richtig funktionieren?

Question

Ich verstehe nicht besonders, warum ein Bild in einer Spannweite funktioniert, aber nicht für sich.
Siehe Vollständiges Beispiel hier.

JS

 $(document).ready(
     function ()
     {
        $('#banner').hover( function(event){ $(this).children().hide("slow");}
                          , function(event){ $(this).children().show("slow");}
                          );
     }
  );

Html

<div id="banner">
   <span><img src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif" title="Image" alt="Image"/></span>
</div>

vs

<div id="banner">
   <img src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif" title="Image" alt="Image"/>
</div>

Answer 1

Ich denke, das Element muss wirklich in eine Div eingewickelt werden. Für meine Website hat ein größeres Bild Probleme, sich zu verstecken. Es versteckt sich nur vertikal statt vertikal und horizontal.

Das Einpacken in das Div hat dies behoben.

Ich habe keinen größeren Blick darauf geworfen, wie JQuery die durchführt hide(), aber diese Art von Sinn, da a DIV ist ein Blockelement und SPAN sind nicht.