当前位置:首页 > 网页特效 > 相册代码 >

键盘按键控制的全屏相册

时间:2014-06-30 18:03 来源:互联网 作者:源码搜藏 收藏 推荐

  • 广告推荐
效果预览 立即下载

键盘按键控制的全屏相册键盘按键控制的全屏相册是一款支持键盘方向按键控制的全屏相册 文字广告特效代码。js键盘控制全屏相册代码 所属专题:相册代码


<script>
(function() {


var overlay = document.getElementById( 'overlay' ),
overlayClose = overlay.querySelector( 'button' ),
header = document.getElementById( 'header' )
switchBtnn = header.querySelector( 'button.slider-switch' ),
toggleBtnn = function() {
if( slideshow.isFullscreen ) {
classie.add( switchBtnn, 'view-maxi' );
}
else {
classie.remove( switchBtnn, 'view-maxi' );
}
},
toggleCtrls = function() {
if( !slideshow.isContent ) {
classie.add( header, 'hide' );
}
},
toggleCompleteCtrls = function() {
if( !slideshow.isContent ) {
classie.remove( header, 'hide' );
}
},
slideshow = new DragSlideshow( document.getElementById( 'slideshow' ), { 
// toggle between fullscreen and minimized slideshow
onToggle : toggleBtnn,
// toggle the main image and the content view
onToggleContent : toggleCtrls,
// toggle the main image and the content view (triggered after the animation ends)
onToggleContentComplete : toggleCompleteCtrls
}),
toggleSlideshow = function() {
slideshow.toggle();
toggleBtnn();
},
closeOverlay = function() {
classie.add( overlay, 'hide' );
};


// toggle between fullscreen and small slideshow
switchBtnn.addEventListener( 'click', toggleSlideshow );
// close overlay
overlayClose.addEventListener( 'click', closeOverlay );


}());
</script>

本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

相册代码下载排行

最新文章