jjzjj

swiper-slide

全部标签

javascript - speaker deck slide 可以嵌入到 github 的 README 文件中吗?

我在speakerdeck中有一张演示幻灯片,我想将它嵌入到github存储库的README.md页面中。有可能吗?这是我从speakerdeck中嵌入的脚本README.md###IntroductionThisisaintroductionoftheapp...###Slide幻灯片没有出现在repo的README部分。 最佳答案 不,你不能也不应该,主要是出于安全原因。GitHub不允许执行外部脚本。检查这个答案:EmbedJavaScriptinGitHubREADME.md 关

javascript - 搜索延迟加载 jQuery 幻灯片或 : hacking cross-slide

我正在尝试获取jquery幻灯片来显示来自flickr、淡入淡出和滚动的图像。一切正常,除了我真的需要延迟加载图像(只需按需加载图像)。我目前正在使用jquery.cross-slide(http://tobia.github.com/CrossSlide/)但不幸的是tobia不再使用该插件并且也不想回答问题。我找到了一个jquery.cycle的示例,其中应用了图像延迟加载(请参阅http://malsup.com/jquery/cycle/add3.html)是否有可能将此功能破解到交叉幻灯片的源代码中,或者由于插入?在这里查看代码:https://github.com/tobi

javascript - bx slider : how to disable slide show when only one image is present

我正在使用bxslider创建我的图像的幻灯片。图像正在动态更新。我的问题是杂耍淡入和淡出工作,即使只有一张图像存在。我怎样才能阻止它?bxslider选项是varcoverSlider=$('.bxslider').bxSlider({auto:true,minSlides:1,maxSlides:1,pager:false,speed:500,pause:3000,autoHover:true,mode:'fade',controls:false})我正在使用重新加载方法在添加或删除新图像时更新slidercoverSlider.reloadSlider();

javascript - 猫头鹰旋转木马 : Run function when last slide is reached

我正在尝试在到达轮播的最后一张幻灯片时运行一个函数。我已经设法使用afterInit和afterMove回调来循环轮播项目,但我只需要能够在循环结束时运行一个函数。希望你能帮到你。插件:http://owlgraphic.com/owlcarousel/#customizingslideshow.owlCarousel({navigation:false,//ShownextandprevbuttonsslideSpeed:300,paginationSpeed:400,singleItem:true,autoPlay:false,stopOnHover:false,afterInit

javascript - Ion slide box - 如何在 ion slide 中滑动全宽 iframe 视频

在我的页面上,我有一个用于图像的ion-slide-box。由于在我的应用程序中用户将能够嵌入视频,因此我还应该将带有视频的iframe添加到同一个slider。这就是我的代码现在的样子:这是我的html:1">这只适用于图像,但是当我有视频时,如果它们占据100%的宽度,我将无法滑动它们,这是我在我的css中设置的,如果它们的宽度小于该宽度,我只能滑动它们如果我只在iframe不占用slider空间的那部分滑动它们。由于我需要让iframe占用100%的宽度,我想知道如何让它工作? 最佳答案 你试过了吗ion-slides相反?i

javascript - 除非调整页面大小,否则滑动 slider 不起作用

我正在尝试添加Swiper插件到我的页面之一。我想要实现的是在此处集成getthecarousalsliderhttp://idangero.us/swiper/demos/05-slides-per-view.htmlHTMLSlide1Slide2Slide3Slide4Slide5Slide6Slide7Slide8Slide9Slide10JSvarswiper=newSwiper('.swiper-container',{pagination:'.swiper-pagination',slidesPerView:3,paginationClickable:true,space

javascript - jQuery 同时切换 "slide"和 "fade"动画

jQuery有一个slideToggle和一个fadeToggle,但它们不能很好地协同工作(参见fiddlehere):$('div').on('click',function(){$('span').slideToggle({duration:'slow',queue:false}).fadeToggle({duration:'slow',queue:false});});如何让slide和fade同时切换? 最佳答案 按如下方式使用.animate():$('span').animate({height:"toggle",op

javascript - 如何在单个页面上显示多个 "Swiper"幻灯片

我正在使用SwiperSlideshow.我正在使用thisparticularversion.这是theexactcode我正在使用。添加第二个“Swiper”时,分页无法正常工作。我试着给第二个“swiper”容器一个不同的类,但它没有用。我怎样才能在同一个页面中有两个这样的东西?谢谢。 最佳答案 他们的支持给我发了这个DEMO.有用!您无需对JS文件执行任何操作。您只需要为分页添加一个额外的类,也为幻灯片添加一个额外的类,并在其他所有方面区分其余的类(参见下面的代码)。有了它,您可以在同一页面中拥有任意数量的幻灯片。Slide

javascript - 使用 .hide ('slide' 缓和)?

是否有可能对此进行缓和:('#sideBar').hide('slide',{direction:'right'},800,function(){...});目前它非常紧张,因为它可能正在移动......100-500像素(取决于内容)。我一直在寻找谷歌,大多数人都说要使用缓动,但是在查看文档时我看不到缓动的属性。 最佳答案 您可以在options对象(第二个参数)中指定easing属性:$('#sideBar').hide('slide',{direction:'right',easing:'easeOutBounce'},800

javascript - 在 Swiper JS 中放大鼠标悬停

是否可以在用户将鼠标悬停在幻灯片上而不是双击时实现缩放功能?双击方法非常适合触摸,但对于桌面来说就不那么直观了,而且它会破坏其他交互元素(例如链接等)通过鼠标悬停进行缩放应该允许用户相对于鼠标到幻灯片中心的位置在缩放的幻灯片图像周围导航。将鼠标移动到右上角会将幻灯片图像平移并缩放到右上角区域,这与将鼠标移动到缩放容器内的任何其他Angular落或区域相同。如果有一个开关也可以在缩放时启用反向平移,那也很方便(例如,将光标移动到左上角会平移和缩放到图像的右下角)。 最佳答案 您可以在鼠标悬停事件上调用以下方法。mySwiper.zoo