Jquery wordpress中的caroufredsel图像缩略图分页

我想一个旋转木马，显示图像和图像缩略图从媒体画廊在wordpress张贴

我可以让它查询数据库，但我不知道如何使用caroufredsel返回缩略图数组

我现在只返回第一个缩略图，这很有意义，因为函数return变量设置为$src[0]。我需要.pager包装器类来接收php循环中找到的所有图像

例如，我希望回报是：

<img src=image1.jpg />
<img src=image2.jpg />
<img src=image3.jpg />

如何让caroufredsel将缩略图数组返回到选定的容器类

projectCarousel = $("#project-carousel").carouFredSel({
    pagination  : {
    container       : ".pager-wrapper",
    anchorBuilder   : function( nr ) {
        //var src = $(this).attr( "src" );
        //src = src.replace( "/large/", "/small/" );
        <?php 

        $meta = get_post_meta( get_the_ID(  ), 'icrave_project_media_gallery', false );
                if ( !is_array( $meta ) )
                    $meta = ( array ) $meta;

                if ( !empty( $meta ) ):
                    $meta = implode( ',', $meta );
                    $images = $wpdb->get_col( "
                        SELECT ID FROM $wpdb->posts
                        WHERE post_type = 'attachment'
                        AND ID IN ( $meta )
                        ORDER BY menu_order ASC
                    " );
                    foreach ( $images as $att ):
                        // Get image's source based on size, can be 'thumbnail', 'medium', 'large', 'full' or registed post thumbnails sizes
                        $src = wp_get_attachment_image_src( $att, 'thumbnail' );
                        $src = $src[0];
                        ?>


        return '<img src="' + '<?php echo $src ?>' + '" />';

        <?php endforeach ?>
                    <?php endif ?>

        }
    }
});

projectCarousel=$（“#projectCarousel”）.carouFredSel({
分页：{
容器：“.pager包装器”，
主播生成器：功能（nr）{
//var src=$（this.attr（“src”）；
//src=src.replace（“/large/”，“/small/”）；
我完全搞错了。你必须设置2个旋转木马。以下是本教程的链接，有助于：

这就是我必须做的

首先，在一个新的div中添加一个新的循环，您希望将拇指放在其中

    <div id="thumbs">
                    <?php global $wpdb, $post;

                    $meta = get_post_meta( get_the_ID(  ), 'icrave_project_media_gallery', false );
                    if ( !is_array( $meta ) )
                        $meta = ( array ) $meta;

                    if ( !empty( $meta ) ) {
                        $meta = implode( ',', $meta );
                        $images = $wpdb->get_col( "
                            SELECT ID FROM $wpdb->posts
                            WHERE post_type = 'attachment'
                            AND ID IN ( $meta )
                            ORDER BY menu_order ASC
                        " );
                        foreach ( $images as $att ) {
                            // Get image's source based on size, can be 'thumbnail', 'medium', 'large', 'full' or registed post thumbnails sizes
                            $src = wp_get_attachment_image_src( $att, 'thumbnails' );
                            $src = $src[0];

                            // Show image
                            echo "<div class='thumb'>
                                              <a href='#'>
                                              <img src='{$src}' alt='Thumbnail Title' width='72' height='38' /></a></div>";
                        }
                    } 
                    ?>

                </div>

我希望这对其他人有帮助，因为我没有找到很多关于使用fredSel制作图像缩略图列表的文档。
我的想法完全错了。你必须设置2个旋转木马。以下是帮助我的教程链接：

这就是我必须做的

首先，在一个新的div中添加一个新的循环，您希望将拇指放在其中

    <div id="thumbs">
                    <?php global $wpdb, $post;

                    $meta = get_post_meta( get_the_ID(  ), 'icrave_project_media_gallery', false );
                    if ( !is_array( $meta ) )
                        $meta = ( array ) $meta;

                    if ( !empty( $meta ) ) {
                        $meta = implode( ',', $meta );
                        $images = $wpdb->get_col( "
                            SELECT ID FROM $wpdb->posts
                            WHERE post_type = 'attachment'
                            AND ID IN ( $meta )
                            ORDER BY menu_order ASC
                        " );
                        foreach ( $images as $att ) {
                            // Get image's source based on size, can be 'thumbnail', 'medium', 'large', 'full' or registed post thumbnails sizes
                            $src = wp_get_attachment_image_src( $att, 'thumbnails' );
                            $src = $src[0];

                            // Show image
                            echo "<div class='thumb'>
                                              <a href='#'>
                                              <img src='{$src}' alt='Thumbnail Title' width='72' height='38' /></a></div>";
                        }
                    } 
                    ?>

                </div>

我希望这对其他人有帮助，因为我没有找到很多关于使用fredSel制作图像缩略图列表的文档