jCarousel三图横向滚动效果_可自动或手动，支持描述信息收缩展示功能

由于所分享的前端知识，属于跨度几年的个人笔记，只是记载关键代码；并没有针对所做的内容具体场景和需求进行描述，仅供参考。

关键代码：

//html内容
/**
* @author Kenmu
* @time 2011-03-30
* @modified 2014-01-23
* @use imgJcarousel
<div id="Hold_ClientID_divJcarousel" style="visibility: hidden">
    <div class="jcarousel">
        <ul id="Hold_ClientID_mycarousel" class="jcarousel-list jcarousel-skin-tango">
            <li><a href="/" target="_blank">
                <img src="Styles/1.jpg" alt="" /></a><div class="boxDesc">
                    <div>
                        Title(loadBoxDesc)<br />
                        <span>Other Info(loadBoxDesc)</span></div>
                    <b></b>
                </div>
            </li>
            ....more li item
        </ul>
    </div>
</div>

//脚本
$(function () {
    var imgJc1 = new imgJcarousel();
    imgJc1.isDisplayNav = 1;
    imgJc1.pageSize = 3;
    imgJc1.imgWidth = 130;
    imgJc1.imgHeight = 160;
    imgJc1.imgPadding = 5;
    imgJc1.imgHorizontalMargin = 20;
    imgJc1.navIconWidth = 13;
    imgJc1.navIconHeight = 13;
    imgJc1.navNextIconRight = 10;
    imgJc1.isDisplayBoxDesc = 1;
    imgJc1.descBeginTop = -50;
    imgJc1.descEndTop = -175;
    imgJc1.init('Hold_ClientID_divJcarousel');
    $('#Hold_ClientID_mycarousel').jcarousel({
        scroll: 3,
        visible: 3,
        //auto: 3,
        //wrap: 'last',
        initCallback: imgJc1.loadJcarousel
    });
    $('#Hold_ClientID_divJcarousel').css('visibility', 'visible');
});
*/

（jCarousel库扩展）Effect Image:（请点击进行下载）

 

（基于jQuery的预览图展示特效代码）Effect Image:（请点击进行下载）

 

（鼠标经过弹出图片信息）Effect Image:（请点击进行下载）