可拖拽幻灯片

所属分类:媒体-幻灯片和轮播图

 35831  315  查看评论 (0)
分享到微信朋友圈
X
可拖拽幻灯片 ie兼容10

今天,我们想与你分享一个实验性的幻灯片。 这个想法是基于导航的概念  Wild网站,可以查看一个项目在全屏或旋转模式。 有不同的技术,允许这样的布局,我们试图重现这个幻灯片的概念通过使用 Dragdealer.js和3d转换。主要的思想是将Z轴上的滑块,允许它全屏或用更小的旋转木马。


请注意,这个幻灯片是高度实验性的,只能在现代浏览器正常工作。


当加载幻灯片,我们最初显示一些信息,显示当前可用的交互信息

title="DraggableFullscreenSlideshow00.jpg"/>

 

幻灯片的主要观点是全屏的。 这是唯一视图显示为移动: 

title="DraggableFullscreenSlideshow01.jpg"/>


单击箭头按钮时,内容将显示在一个滑动的转变: 

title="DraggableFullscreenSlideshow03.jpg"/>


当单击视图按钮开关,幻灯片将“放大”: 

title="DraggableFullscreenSlideshow02.jpg"/>


请注意,在释放的时间、使用3D变换问题、动画和过渡,Firefox (30.0, Mac & Windows ie) 是表现最差的浏览器,。虽然我们试图解决所有的问题,一些功能可能无法正常工作。


相关插件-幻灯片和轮播图
  幻灯片和轮播图
 174581  439

jquery仿QQ音乐精彩推荐的数组方式轮播

这个是通过数组的原理实现的改变数组的排序元素的class也随之更改产生轮播的效果(代码注释很全,修改方便)
  幻灯片和轮播图
 40888  482

伪3D焦点图

伪3D焦点图
  幻灯片和轮播图
 39536  371

仿UC轮播插件imgSlider.js

js图片轮播幻灯片制作UC浏览器官网焦点图片切换,通过鼠标点击缩略图切换banner大图,带左右按钮控制缩略图片滚动切换,进行图片自动轮播
  幻灯片和轮播图
 32488  363

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复