[Shaci]

Как сделать так, чтобы с картинок текст убрать, а в верху выводился.

Попробуйте так, текст из ссылок запихнуть в id, и:

<ul id="sl">
        <li id="k"><a id="Painting" href="#"></a></li>
        <li id="b"><a id="Photo" href="#"></a></li>
        <li id="c"><a id="Glas" href="#"></a></li>
        <li id="d"><a id="Museum" href="#"></a></li>
        <li id="e"><a id="Exgibition" href="#"></a></li>

        <li id="f"><a id="About"href="#"></a></li>
        <li id="g"><a id="Blog" href="#"></a></li>
        <li id="h"><a id="Feedback" href="#"></a></li>
        </ul>

и здесь одну строку заменить $("#h2").html($(this).html()); на $("#h2").html($(this).attr('id'));

.mouseover(function(){
                        $(this).stop().animate({backgroundPosition:"(-100px 0)"}, {duration:500})
                        $("#h2").html($(this).attr('id'));
                })