全屏海报轮播图设计与专业实现

<div class="skin-box-bd clear-fix">
<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}" data-widget-type="Tabs">
<div class="piaofu" style="height:550px;">
<div class="J_TWidget" data-widget-config="{

            'contentCls': 'slide-kun1362899830209content',

            'triggerCls': 'slide-kun1362899830209triggers',

            'navCls': 'slide-kun1362899830209triggers',

            'triggerType': 'mouse',

            'effect': 'scrollx',

'prevBtnCls':'prev',

'nextBtnCls':'next',

            'steps': 1,

            'autoplay': true,

'viewSize':[1920],

            'circular': true

        }" data-widget-type="Carousel" style="z-index:10;padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;top:0px;padding-top:0px;left:-485px;">
<div class="J_TWidget" data-widget-config="{'trigger':'.first-trigger2','align':{'node':'.first-trigger2','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
<div class="prev" style="width:90px;float:left;height:90px;">