โค้ด: เลือกทั้งหมด
<script>
jQuery(function($){
$('#camera_wrap_1').camera({bypassCache:false,fix_width:'100%',fix_heigth:'100%',alignment:'center',autoAdvance:false,mobileAutoAdvance:false,barDirection:'leftToRight',barPosition:'bottom',easing:'easeInOutExpo',mobileEasing:'',fx:'simpleFade',mobileFx:'',gridDifference:250,height:'15%',hover:true,imagePath:'',loader:'pie',loaderColor:'#eeeeee',loaderBgColor:'#141414',loaderOpacity:.8,loaderPadding:2,loaderStroke:7,minHeight:'0px',navigation:false,navigationHover:false,mobileNavHover:false,opacityOnGrid:false,overlayer:true,pagination:true,playPause:false,pauseOnClick:false,piePosition:'leftTop',portrait:false,slideOn:'random',thumbnails:false,time:2000,transPeriod:1500,});
$('#camera_wrap_center').camera({bypassCache:false,fix_width:'100%',fix_heigth:'100%',alignment:'center',autoAdvance:false,mobileAutoAdvance:false,barDirection:'leftToRight',barPosition:'bottom',easing:'easeInOutExpo',mobileEasing:'',fx:'simpleFade',mobileFx:'',gridDifference:250,height:'14%',hover:true,imagePath:'',loader:'pie',loaderColor:'#eeeeee',loaderBgColor:'#141414',loaderOpacity:.8,loaderPadding:2,loaderStroke:7,minHeight:'0px',navigation:false,navigationHover:false,mobileNavHover:false,opacityOnGrid:false,overlayer:true,pagination:true,playPause:false,pauseOnClick:false,piePosition:'leftTop',portrait:false,slideOn:'random',thumbnails:false,time:2000,transPeriod:1500,});
});
</script>
<!-- INCLUDEJS camera.js -->
<!-- INCLUDEJS camera.min.js -->
วิวซอร์สมาดูจะได้เเบบนี้
โค้ด: เลือกทั้งหมด
<script>
jQuery(function($){
$('#camera_wrap_1').camera...
......
});
</script>
โค้ด: เลือกทั้งหมด
<script type="text/javascript" src="./ext/mindphp/m_banner/styles/all/template/camera.js?assets_version=27"></script>
<script type="text/javascript" src="./ext/mindphp/m_banner/styles/all/template/camera.min.js?assets_version=27"></script>