我使用图像旋转木马在我的网站上显示一些图片。我使用的旋转木马叫做：Jcarousellite(http://www.gmarwaha.com/jquery/jcarousellite/). 我有旋转木马的设置、样式和配置。。。但是我很难通过最后一点代码来工作。

我用于获取图像的代码：

<?php query_posts( \'category_name=photos&posts_per_page=-1\' ); ?>
    <?php if ( have_posts() ) { ?>
        <button class="prev"><!-- --></button>
        <button class="next"><!-- --></button>
        <div class="photos">
            <ul>
                <?php while ( have_posts() ) : the_post(); ?>
                    <li><a href=""><?php the_post_thumbnail("carousel-thumbnails"); ?></a></li>
                <?php endwhile; ?>
            </ul>
        </div>
    <?php } else { ?>
        <p><?php _e("Sorry, no pictures have been posted :("); ?></p>
    <?php } ?>
<?php wp_reset_query(); ?>

javascript函数：

<script type="text/javascript">
    <!--
        $(function() {
            $(".photos").jCarouselLite({
                btnNext: ".next",
                btnPrev: ".prev",
                visible: 4,
            });
        });
    //-->
</script>

当用户将鼠标悬停在缩略图上时，我想显示另一幅图像：

<?php the_post_thumbnail("carousel-full"); ?>

最初，我试图在链接的末尾添加一个跨距，以使其正常工作。。。然后我可以使用CSS将图像定位到我想要的位置。。。但是因为jquery将overflow:hidden 属性，则我的图像将被切断。当我环顾四周时，一个建议是让悬停出现在overflow:hidden div，但我该怎么做？

谢谢，乔希

<script type="text/javascript">
    <!--
        $(function() {
            jQuery(".photos a").hover(function() {
                var offset = $(this).offset();
                var id_post = $(this).attr("id");
                jQuery(".hover").find("span[id="+id_post+"]").css("left", (offset.left-312)+"px");
                jQuery(".hover").find("span[id="+id_post+"]").show();
            }, function() {
                jQuery(".hover").find("span").hide();
            })
        });
    //-->
</script>

<div class="hover">
    <?php query_posts( \'category_name=photos&posts_per_page=-1\' ); ?>
        <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
            <span id="<?php echo $post->ID; ?>"><?php the_post_thumbnail("carousel-full"); ?></span>
        <?php endwhile; endif; ?>
    <?php wp_reset_query(); ?>
</div>