HTML触摸屏图库滑块

时间:2019-03-19 17:45:11

标签: html html5

因此,我和一些网页设计朋友正在为我们学校开展一个交互式信息亭项目。我们的设计团队想到了创建一个由照相馆组成的滑块的想法。问题是最终产品应该能够左右滑动以查看照片。

现在,请不要误会我,我对HTML和CSS了解很多,但是(由于其触摸屏机制)此任务似乎有点超出我的范围。

无论如何,如果有人可以通过给我一些有关如何实现这样的事情的例子来帮助我,那将是非常有义务的。请,谢谢您的帮助。

1 个答案:

答案 0 :(得分:0)

select id, min(start_dt), max(end_dt)
from (select t1.*,
             sum(case when prev_end_dt > dateadd(year, -1, start_dt) then 0 else 1 end) over
                 (partition by id order by start_dt) as grp
      from (select t1.*,
                   max(end_dt) over (partition by id
                                      order by start_dt
                                      rows between unbounded preceding and 1 preceding
                                     ) as prev_end_dt
            from test1 t1
           ) t1
     ) t1
group by id, grp
order by id, min(start_dt);
$('.owl-carousel').owlCarousel({
    items:4,
    lazyLoad:true,
    loop:true,
    margin:10
})

Owl Carousel是jQuery插件。 完全可定制,支持触摸和拖动,完全响应,具有CSS3 Translate3d过渡的硬件加速,旧浏览器支持CSS2后备。 download link

功能

  • 无限循环
  • 中心项目
  • 智能速度
  • 舞台填充
  • 项目保证金等, Documents