jquery - 云轮播幻灯片，需要点击查看详情，只看前面的图片

Question

我的第一个网页有云轮播幻灯片来显示 10 张图片，当我单击下一张图片时看起来还不错，我的问题是我只想要前面的图片可以点击以获取更多详细信息，其余的我不需要，显示在正面位置可以查看更多细节。

/************ Jquery 代码 ********************/

<script type="text/javascript">
    $(function(){
            if($("#carousel .objects").length) {               
                    $("#carousel .goprev, #carousel .gonext").click(function(){
                            return false;
                    });

                    var xPos = $("#carousel .objects").width() / 2;
                    var yPos = $("#carousel .objects").height() / 4;        //8;

                    // This initialises carousels on the container elements specified, in this case, carousel1.
                    $("#carousel .objects").CloudCarousel({         
                            reflHeight: 25,         //30,//56,
                            reflOpacity: 0.2,
                            reflGap: $.browser.msie || $.browser.safari ? 0 : 1,    //2,
                            //xRadius: $("#carousel .objects").width() * 0.48,
                            yRadius:-60,    //-25,//0.1,//40,
                            xPos: xPos,     //128,
                            yPos: yPos,     //32,
                            minScale:-0.1,          //0.4,
                            FPS:30,
                            speed: $.browser.msie || $.browser.safari ? 0.2 : 0.05,         //0.2,
                            //mouseWheel:true,
                            bringToFront:true,

                            autoRotate: 'left',
                            autoRotateDelay: 6000,          //5000,

                            buttonLeft: $("#carousel .goprev"),
                            buttonRight: $("#carousel .gonext"),
                            altBox: $("#carousel .mid .padding"),
                            titleBox: $("#carousel .title"),
                            nameBox: $("#carousel h1")
                    });
            }
    });

/******************* PHP 代码 *************/

    $html .= "<a href='"._URL_."property/{$p->pdId}/".strtolower(str_replace(array(" ","/"),"-",$alt)).".html' onclick='return false';'>
                <img src='"._URL_."upload_pictures/{$image->imPhysicalPath}' class='cloudcarousel' width='407' height='242' alt='$siteDescription' title='$price' name='$alt' />
            </a>";
            // {$p->pdTitle}
    }
    return $html;

}

Answer 1

您可以将以下代码添加到您的 cloud-carousel.js 文件中

$(container).on('click', 'a', function(event){

    if($(this).index()!=$(container).data('cloudcarousel').frontIndex){
        event.preventDefault();         
    }

});