be-fe / islider Goto Github PK

添加了一个url，chrome下模拟无效，请问这是怎么回事？

lz你好
正在学习这个效果
请教个问题
如果不是当前正中间的图片
他的translateZ是怎么算出来的,让图片正好在容器的边缘？？？

你好，我现在在使用这个插件，但是我有个需求，就是在切换图片之后，我想获得这个是第几个图片，我可以怎么获取到呢？

楼主好，我这边发现一个BUG，就是上下拉动的时候，有时候会叠一下，没拉完全。比如第一页拉第二页的时候，第一页与第二页会有个重叠区域，图片会卡住部分。
http://www.comicool.cn/mob-index.html

ISlider -> iSlider

<script type="text/javascript">
    var mySlider = new ISlider({
        dom : document.getElementById('iSlider-wrapper'),
        data : data
    });
</script>

islider,在PC端还好，在手机端，用手指拖动的时候，很多时候无效，特别是拇指指慢慢拖动的时候，无效率大于50%！

maybe 3d slide

Do not exit the application by pressing the home key to return to the main screen. Once again into the application of carousel images should stay in a position away.

在wikit内核的安卓浏览器里，似乎没有效果。求解

需要做的效果是这样的：向上滑三页，然后向左滑动三页，然后再向上滑三页。请问如何能实现呢？

1、我是用的轮换dom的方式，在安卓手机上面，手指滑动轮换的时候会比较卡顿，ios没有这个问题，浏览器是用的是微信自带浏览器。
2、也是轮换的dom，但是在ios上发现一个问题，页面加载完成之后dom元素没有马上显示出来，而是等我手指触摸之后才显示，安卓没有这个问题。
调用插件的方式：
var list = [
{
content: '',
},{
content: '',
},{
content: '',
},{
content:'',
},{
content:'',
},{
content:'',
},{
content:'',
},{
content:'',
},{
content:'',
},
];
var islider = new iSlider({
type: 'dom',
data: list,
dom: document.getElementById("iSlider-wrapper"),
isLooping: true,
//isDebug: true,
animateType: 'depth'
});
islider.addBtn();

iSlider加载内容的机制导致dom绑定的事件会失效，请教有效解决办法。

chrome下动态加载有时候iSlider会失效，控件高度为0且无内容显示，我用的版本是chrome 39

使用dom哪个地方需要穿个type:'dom'的设置，文档忽略了，这个还是要注意一下

写spa（单页面应用）的时候，转场后需要对之前页面的变量、事件、计时器进行内存回收。

虽然手机端的主要交互是滑动，但还是有点击切换的需求，请问基于目前的版本如何实现？是否考虑加上这个扩展？

我在var islider = new iSlider({
dom: document.getElementById("iSlider-show"),
data: domList,
type:'dom',
initIndex: 5;}）的时候添加了initIndex: 5;的属性，但是没有达到我预想的 在刷新页面后，从第5页开始浏览的效果，是我用的方法不对吗，还是有其他原因，希望能帮我解答一下，谢谢！

display:-webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
已经淘汰的样式了

作者你好，又来麻烦你了，很抱歉，是这样的我使用的新版本做的杂志浏览，横向浏览模式，但是下拉图片时会出现图片下移，露出浏览器的黑色背景，但使用旧版本的话并不会出现这个问题，下拉图片是不会有反应的，请问这是什么原因导致的呢，我应该怎样去修改达到我想要的效果？

用了fixepage:true参数，在画面dom如果有表单的时候，表单Input点击不了，求解决，，，，我看了作者的代码，有判断如果点击的是a链接，就用js跳转，是否表单也要这样判断？我觉得就算阻止了画面点击的默认时间，但是画面里面的dom点击默认事件应该不会跟着取消吧，只要不冒泡下去就OK了

官网动画Demo没有选中状态

how about add zoom In or zoom out

因为设计需要添加了一个剪头用来指示用户有下一张，但是用户的第一意识是点击那个剪头，如果能提供一个点击方法来达到上一页或下一页就好了。

然后看了源码，JS新手实在看不懂，貌似_slide(1)方法有这个作用，但是不知道怎么调用。

hope to load images resources faster

http://gajus.com/sandbox/swing/examples/card-stack/

增加轮播图片中间下方出现数字或者小标的方法，实用性会更好~~

I want it to be crawable by google.
like instead of giving array of elemnts:

var data = [{
    'height' : '100%',
    'width' : '100%',
    'content' : '<div><h1>Home</h1><h2>This is home page</h2><p>home is pretty awsome</p><div>'
},{
    'height' : '100%',
    'width' : '100%',
    'content' : '<div><h1>Page1</h1><h2>This is page1</h2><p>page1 is pretty awsome</p><div>'
},{
    'height' : '100%',
    'width' : '100%',
    'content' : '<div><h1>Page2</h1><h2>This is Page2</h2><p>Page2 is pretty awsome</p><div>'
}];

just preinsert the li elemnt like:

<div id="iSlider-wrapper">
 <div><h1>Page1</h1><h2>This is page1</h2><p>page1 is pretty awsome</p><div>
<div><h1>Page2</h1><h2>This is page2</h2><p>page2 is pretty awsome</p><div>
<div><h1>Page3</h1><h2>This is page3</h2><p>page3 is pretty awsome</p><div>
</div>

我现在在用iSlider做一个展示的电子杂志，需要对其中特定页面加一些动画特效，所以想在切到某一页时，知道其在动画中是第几也，也就是页码数i,再配合islider.slideTo(i);即可切到这一页，请问有什么方法吗？

见 http://shiqichan.qiniudn.com/mob.slide.c/simple.html

我打算用于开发电子杂志。发现手头如下设备下卡顿：

• 小米4，比红米都卡
• 红米

另外，在Sony Z3C上，横向滑动的时候，滑动的过程中，当前页面会突然跑到之前页面前面或后面。

请问这个问题是否有人碰到过？

js最好在demo文件夹中同步一份，否则在demo下用server是跑不起来的，不利于调试

当前的iSlider 已经处于1.1版本，比起上一个版本已经增加了多样的动画，增加了全屏模式，桌面支持，具体可参见wiki.下一版我们将加强以下几个方面:

• 增强自定义事件，引入生命周期
• dom type 的内部事件增强
• pic type 的图片zoom-in & zoom-out
• pic type 的图片预加载
• 加强iSlider 与 iscroll共存的兼容
• 增加应用例子
• 使用AMD组织代码，非核心代码按需打包

iSlider貌似没有初始化帧的设置？？？在源码里面看到了slideIndex，但是配置以后不生效，怎么破？？？ 来自http://www.w3cplus.com/resources/1455.html

add full screen mode for pic type

现在iPhone那么多分辨率，一张图片，不可能刚好适合屏幕分辨率。

所以一般是默认filled，但是可以缩小，看被挡住的部分。

参考：微信朋友圈的图片浏览功能

你好，问下
boundary = endTime - self.startTime > 300 ? boundary : 14;
这句话的作用是什么，什么情况下会遇到。

• Add a simple profile about MSlider about what's MSlider and what problems MSlider solved
• Improve options introduction (list all usefull parameters)
• Move those examples to BE-FE/MSlider gh-pages and list their link under code introduction
• List two types of data (pic | dom) about MSlider

怎么样绑定事件呀，滑动开始，滑动中，滑动结束。