<div id="fotorama">
    <?php
        query_posts('category_name=ipad');
        while (have_posts()) : the_post();
            the_post_thumbnail('thumbnail');
        endwhile;
    ?>
    <div id="html">
        <?php
            query_posts('category_name=ipad');
            while (have_posts()) : the_post();
                ?>
                    <div class="b-slide">
                        <a href="<?php the_permalink() ?>">ссылка</a>
                    </div>
                <?php
            endwhile;
        ?>
    </div>
</div>
<script type="text/javascript">
    var html = $('.b-slide', '#html');
    $('#fotorama').fotorama({
        width: 374,
        height: 280,
        cropToFit: true,
        thumbsPreview: false,
        html: {
            <?php
                $b_slide = -1;
                query_posts('category_name=ipad');
                while (have_posts()) : the_post();
                    $b_slide = $b_slide + 1;
                    echo $b_slide . ' : html.eq(' . $b_slide . '),';
                endwhile;
            ?>
        }
    });
</script>