[galeria zdjęć] flowplayer, Jak ożenić z tym Lightbox'a? Opcje

[Savage.Mephisto]

Pod linkiem: http://flowplayer.org/tools/demos/scrollable/visual.html znajduje się ciekawy a zarazem funkcjonalny skrypt, którego zamierzam wykorzystać do galerii zdjęć i ożenić z Lightbox'em. Chciałbym uzyskać efekt, że po kliknięciu na obrazek wyświetli się zdjęcie w powiększeniu jako nowa warstwa. Niestety nic z tego nie wychodzi. Skrypt z Lightbox'em w ogóle nie chce zatrybić.

Fragmenty kodu:

flowplayer

Kod

if (!$emptyGallery) {

    echo '                <div class="navi"></div>

                <a class="prev"></a>

                <div class="scrollable">

                    <div id="thumbs">
    ';

    foreach ($picPack as $nr=>$cell) {

        $thumb = $cell->thumb;
        $image = $cell->image;
        $title = $cell->title;
        $id = $cell->id;

        if ($thumb=='' || !file_exists("$dirThumb/$thumb")) {

            $thumb = '__noThumb.jpg';
            echo '                    <img src="'.$dirThumb.'/'.$thumb.'" title="'.$thumb.'" alt="'.$thumb.'" />';

        } else {

            echo '
                        <div>
                            <a href="galeria/image/'.$image.'"  rel="lightbox[roadtrip]" title="'.$title.'">
                                <img src="'.$dirThumb.'/'.$thumb.'" title="'.$thumb.'" alt="'.$thumb.'" />
                            </a>
                            <h3><em>'.++$nr.'. </em></h3>
                            <p>'.$title.'</p>
                        </div>
            ';

        }

    }

        echo '
                        <script type="text/javascript">
                        // <![CDATA[
                            $(function() {
                                $("div.scrollable").scrollable({
                                    size: 3,
                                    items: \'#thumbs\',
                                    hoverClass: \'hover\'
                                });
                            });
                        // ]]>
                        </script>

                    </div>

                </div>

                <a class="next"></a>

            </div>';

} else {

    echo '
                        <h3>Brak zdjęć w galerii</h3>';

}

Ktoś mi pomoże?

Ten post edytował Savage.Mephisto 25.05.2009, 23:06:09