Git Product home page Git Product logo

slide's Introduction

slide's People

Contributors

jayli avatar dickeylth avatar aloysious avatar kissygallery avatar yiminghe avatar

Stargazers

 avatar dengwei avatar Angus H. avatar wangjidl avatar songle avatar 阳煦山立 avatar 水木年华double avatar huangzy avatar 橘子 avatar  avatar  avatar Jieyou Qin [佑界] avatar jenner avatar wallaceyuan avatar 牛志向 avatar  avatar Harry Yu avatar Di Wu avatar  avatar Micro Mao avatar cwt avatar lily avatar Crazy罗小杰 avatar musa avatar Tao Yang avatar Airyland avatar  avatar herder wu avatar HRB avatar Shon Chan avatar Jason avatar xiaobao avatar  avatar septs avatar kpbiao.github.com avatar 步天 avatar 小小WEB avatar Micheal avatar 西红那个柿 avatar suer avatar transtone avatar Nicole avatar linwu avatar zidom avatar NekoTrek avatar Yan Sheng avatar  avatar Steven Chen avatar  avatar  avatar 明河 avatar  avatar 666 avatar

Watchers

 avatar 明河 avatar 王玉林(飞长) avatar James Cloos avatar PPxu avatar  avatar 胡潇琪 avatar  avatar suer avatar yuxiaoguang avatar xfxmcy avatar  avatar  avatar  avatar  avatar  avatar

slide's Issues

基于kissy1.3.0的slide1.2

弱弱的提个建议,文档上说明下,基于kissy1.3.0的slide1.2需要手动加载sizzle模块:)

文档单词拼写错误

文档如下代码处:

  初始化
  new Slide('#J_tab',{
      eventype:'click',//tab上的触发事件

eventype 应该为 eventType

为什么插件不支持class 选择器?

我的需求是这样的,我的页面里有多个简单的tab 我用的是相同的class 作为选择器

 c = new Slide '.slide-style',
      eventType:'mouseenter'

这样的话,我只是渲染了第一个 tab 其他的都没渲染,不知道是bug 还是我的使用出了错误?

不支持响应式布局

无论KISSY自带的Switchable,还是gallery/slide,都不支持实例化轮播对象以后动态地改变步长(这样做是支持响应式布局),目前的做法是销毁轮播对象后再实例化一次,这样做很费事,是否考虑支持一下这个功能?

Slide组件bug——使用fade显示效果时,若快速划过trigger,会导致之后显示有误

@jayli

2013-05-20 7 19 21

类似上面这种幻灯片效果,使用effect设置为fade,eventType为mouseenter或者mousehover,当从当前蓝trigger圆点开始快速划到第一个圆点后,会出现奇怪的展示状况(上面是1.0,1.1中貌似加了延迟,划过去不会对所有碰到的点都做切换,但是手动频繁切换圆点还是可以触发该bug):

每个trigger激活时,先显示正确的图片,然后马上换成了最后一张图片。

参考demo:http://jsfiddle.net/neekey/Nvmg3/3/

inRegion方法判断高度的bug

if(point[0] >= offset.left && point[0] <= offset.left + layout.width){
if(point[1] >= offset.top && point[1] <= offset.top + layout.height){
return true;
}
}
如果轮播组件在第二屏出现的话,第二个if是返回false的,因为point[1]一定是小于offset.top值的,所以这里应该还要减去scrollTop的值

1.3版本,自动播放有bug

正常情况:页面初始化,silde自动播放,然后鼠标移上,自动播放停止,鼠标移开,自动播放继续。
错误情况:页面初始化时,鼠标就已经在slide上了,这时候自动播放不会触发,即使鼠标移开,自动播放依旧不会触发。在1.2上无此问题。

colspan 的问题

貌似有个bug 以里面的demo5为例 呼出firebug或者改变浏览器尺寸 会导致内容切换. 最重要的是如果点击过下一页再改变浏览器尺寸内容区块就不见了 测试了一下应该是colspan 的问题

更友好的错误提示

比如当 tab-pannel 误写错了,会提示null 没有 get属性之类的,是否可以在组件初始化的时候,就检查一下,一些必须的 dom、className 等是否存在,如果不存在直接提示还缺少什么,这样就免去了一些调试的工作。

1.3版+kissy mini+IE10有问题

老是有错误,改不完了

  1. .size() 没有,改成.length
  2. t_con不能set
  3. self.animcon.empty() 不能appendChild
    ...

chrome是好的

eventType设置成mouseenter,没办法在nav的mouseenter事件上stop自动轮播的slide

一个自动轮播的slide,eventType是mouseenter,hoverStop是true。这个时候是只有hover到pannel和content才会停止自动轮播,nav是不会的。然后我就只能自己给nav绑定mouseenter事件让slide stop,但是发现因为触发的事件就是mouseenter,所有每次先执行我这边绑定的mouseenter事件stop掉,再执行slide的switchTo,然后switchTo里会paly,导致我设置的stop不生效。不知道组件当时设计的停止自动轮播的节点那里为什么不把nav也带上。

当改变浏览器窗口大小时会错位

当改变浏览器窗口大小时会错位,或者直接就不见了。发现translate3d 计算值有问题,可能是因为colspan的问题,希望排查下原因,谢谢。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.