0

最初の Web ページに 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;

}

4

1 に答える 1