jquery - cloud carousel slide, need click view detail on only picutre on the front -

jquery - cloud carousel slide, need click view detail on only picutre on the front -

i'm newbie jquery, have cloud carousel slide fo first webpage show 10 picture, when click next image ok, problem want front end image can click more detial info rest not need, image show in front end position can view more detail.

any thought me please? regards

/**** jquery code **********/

<script type="text/javascript"> $(function(){ if($("#carousel .objects").length) { $("#carousel .goprev, #carousel .gonext").click(function(){ homecoming false; }); var xpos = $("#carousel .objects").width() / 2; var ypos = $("#carousel .objects").height() / 4; //8; // initialises carousels on container elements specified, in 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 code *****/

$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} } homecoming $html;

}

you add together next code cloud-carousel.js file

$(container).on('click', 'a', function(event){ if($(this).index()!=$(container).data('cloudcarousel').frontindex){ event.preventdefault(); } });

jquery cloud carousel slide