[hentony]

да... я уже вроде разобралась с картинками. Получилось не на php, а на ява-скрипте...
Остался неразрешенный вопрос: картинка-то подгружается, а как сделать, чтобы с ней еще и текст загружался???

Вот тут тест: http://state-of-the-art.spb.ru/test/razminka2.php

вот такой код я использую:

<style type="text/css">
    #fsClipper { height: 100%; width: 98%; overflow: auto; //overflow: hidden; //overflow-x: auto; }
    .fsControl, #fsLinks a { color: darkblue; cursor: pointer; //cursor: hand; }
     #fsLinks a:active {border:dashed}
    .fsControl.disabled, #fsLinks a.current { color: #000000; cursor: default; text-decoration: none; }
    .fsControl.disabled { color: #666666; }
    #fsScreen { height: 700px ! important; background: no-repeat 0px 25px; }
</style>
<br>
<br>
<p id="fsLinks">
<a href="razminka/[Sketch_Turner]_balt1.jpg" onclick="return Show_picture('razminka/[Sketch_Turner]_balt1.jpg')"><img src="razminka/pic_sm1.gif" border="0"></a>
<a href="razminka/[Sketch_Turner]_balt2.jpg" onclick="return Show_picture( 'razminka/[Sketch_Turner]_balt2.jpg')"><img src="razminka/pic_sm2.gif" hspace="10" border="0"></a>
<a href="razminka/[Sketch_Turner]_balt1.jpg" onclick="return Show_picture( 'razminka/[Sketch_Turner]_balt1.jpg')"><img src="razminka/pic_sm1.gif" border="0"></a>
<a href="razminka/[Sketch_Turner]_balt2.jpg" onclick="return Show_picture( 'razminka/[Sketch_Turner]_balt2.jpg')"><img src="razminka/pic_sm2.gif" hspace="10" border="0"></a></p>
<div id="fsClipper">
    <div id="fsScreen"></div>
</div>
<p>
  <script type="text/javascript">
    function Filmstrip(){
        this.ePicture = document.getElementById('fsScreen');
        this.ePrev = document.getElementById('fsControl_prev');
        this.eNext = document.getElementById('fsControl_next');
        var eLinks = document.getElementById('fsLinks');
        this.aeLink = eLinks.getElementsByTagName('A');
        this.show_picture = function( sBackground, iWidth, iHeight ){
            this.ePicture.style.backgroundImage = "url(" + sBackground + ")";
            if( iWidth )
                this.ePicture.style.width = iWidth;
            if( iHeight )
                this.ePicture.style.height = iHeight;
            this.set_current( sBackground );
        }
        this.set_current = function( sHref ){
            for( var i = 0 ; i < this.aeLink.length ; i++ ){
                if( this.aeLink[i].href.match( new RegExp( sHref + "$" ) ) ){
                    this.aeLink[i].className += " current";
                    this.ePrev.className = this.ePrev.className.replace( /\s+disabled/g, "" );
                    this.eNext.className = this.eNext.className.replace( /\s+disabled/g, "" );
                    if( i == 0 ){
                        this.ePrev.className += " disabled";
                        this.ePrev.onclick = function(){};
                        this.eNext.onclick = this.aeLink[i + 1].onclick;
                    }else if( i == this.aeLink.length - 1 ){
                        this.eNext.className += " disabled";
                        this.eNext.onclick = function(){};
                        this.ePrev.onclick = this.aeLink[i - 1].onclick;
                    }else{
                        this.eNext.onclick = this.aeLink[i + 1].onclick;
                        this.ePrev.onclick = this.aeLink[i - 1].onclick;
                    }
                }else{
                    this.aeLink[i].className = this.aeLink[i].className.replace( /\s*current/g, "" );
                }
            }
        }
    }
    var oFilmstrip = new Filmstrip();
    function Show_picture( sHref, iWidth, iHeight ){
        oFilmstrip.show_picture( sHref, iWidth, iHeight );
        return false;
    }
    oFilmstrip.aeLink[0].onclick();
</script>

Т.е. я подозреваю что в этой части

<a href="razminka/[Sketch_Turner]_balt1.jpg" onclick="return Show_picture('razminka/[Sketch_Turner]_balt1.jpg')">
<img src="razminka/pic_sm1.gif" border="0"></a>

можно как-то прописать и то, что будет грузиться еще какой-то текст... хотя могу и ошибаться. Не знаете?

И еще, хочется, чтобы активная превьюшка была выделена рамкой. А пока что у меня она выделяется только при нажатии, а хотелось бы чтобы рамочка оставлась, чтобы пользователь видел, на какой картинке он остановился (когда их станет много это будет нужно).

Т.е.

#fsLinks a:active {border:dashed}

не помогает, где ошибка?