草庐IT

android-slider

全部标签

javascript - 如何在nivo-slider中设置不同的效果

我的网站上有一个nivo-slider,但除了slidesUp之外没有任何效果,即使我已经设置了默认安装。$(window).load(function(){$('#slider').nivoSlider();});在标题中:我应该怎么做才能让它正常工作? 最佳答案 祖萨克姆。检查你的代码并寻找这个:$(window).load(function(){$('#slider').nivoSlider();});你必须调用'effect'选项然后你才能设置它。如何?:$(window).load(function(){$('#slide

javascript - IOS 和 Android 上的 YouTube 嵌入 API 问题

最近几天YouTube嵌入API出现了一个问题。问题是,当您使用官方API嵌入视频时,它根本不允许您访问API。当您尝试访问API时,您在日志(IOS)上收到错误消息,如果您尝试通过API播放视频,视频会中断。如果您通过API加载它,但您不使用API,则用户可以点击播放视频。此问题在以下浏览器上仍然存在:iPad和iPhone上的IOS7SafariiPad和iPhone上的IOS7Chrome安卓4Chrome(我的播放按钮使用API播放视频并产生错误)JSfiddle:http://jsfiddle.net/frdd8nvr/6/错误信息:Unabletopostmessageto

javascript - 向下滑动时反转 slider

我关注了thisarticle用于垂直滑动卡片slider。这个问题有两个部分。1。我不明白如何在向下滑动时反转slider的方向?这是相关的codepen-https://codepen.io/bmarcelino/pen/vRYPXV更新卡片的相关函数functionupdateUi(){requestAnimationFrame(function(){elTrans=0;varelZindex=5;varelScale=1;varelOpac=1;varelTransTop=items;varelTransInc=elementsMargin;for(i=currentPosit

javascript - 如何在后台运行 android phonegap 应用程序(关闭应用程序后)?

我已经在github(https://github.com/saileshmittal/phonegap-system-notification-plugin)中为androidphonegap使用了系统通知插件。我已经在我的index.html中使用了这段代码我的代码是:document.addEventListener("deviceready",onDeviceReady,false);functiononDeviceReady(){varnot_title='Message';varnot_text='Zouditwerken?';varnot_tText='Message';

javascript - 水平和垂直双向触摸滑动 slider

有许多JavaScript或CSS触摸滑动slider,但它们似乎都只允许垂直或水平滑动幻灯片。有没有什么东西可以在一张幻灯片上同时进行,这样我就可以在一张幻灯片上水平和垂直滑动? 最佳答案 我不是100%确定这是否是您要找的东西,但看起来非常接近:iDangero.us刷卡器。http://www.idangero.us/sliders/swiper/允许在另一个水平旋转木马/slider内垂直切换框。我一直在寻找同样的东西,这是我找到的最接近我正在寻找的插件。一点黑客/操纵可能会使它做你正在寻找的东西。

javascript - 自动调整图像大小以适合 Flex Slider

我正在学习如何使用FlexSlider制作图像slider和轮播。然而,只有当所有图像的宽度和高度都完全相同时,Flex才显得好用。问题可以在以下网站看到:https://dl.dropboxusercontent.com/u/785815/bastion/index.html图片较大,加载时请耐心等待。我的测试网站包含几张图片,宽度和高度各不相同。要解决此问题,我必须重新调整它们的大小以使其具有相同的宽度和高度,并且由于宽高比,我还需要将它们居中。所以,我想知道是否:FlexSlider有办法做到这一点吗?有没有办法在不更改库代码的情况下做到这一点?为了回答这个问题,我找到了以下文章

javascript - 带有 Jquery-ui slider 的 Angular2

我尝试将Jquery-uislider与angular2一起使用。我想让变量“slideValue”显示slider的值,但我不知道如何将我的模型或变量从Angular绑定(bind)到slider。这是我的slider组件:import{Component,ElementRef,Inject,OnInit}from'angular2/core';declarevarjQuery:any;@Component({selector:'slider',template:`slideValue={{slideValue}}`})exportclassSliderimplementsOnIni

javascript - 如何使用 Vue Slider 控制元素

我在requestsjson对象中有一堆数据。默认情况下,所有数据都会显示给用户。此外,我还有一个slider组件。我正在尝试实现这样的功能,即当用户移动slider时,json的元素会根据slider的值出现/消失。例如:数据:requests:[{value:10,name:"foo"},{value:12,name:"bar"},{value:14,name:"foobar"},{value:22,name:"test"},{value:1,name:"testtooo"},{value:8,name:"something"}]默认情况下,我希望显示所有数据,但当用户移动slid

javascript - Angular UI Bootstrap Slider 每张幻灯片多个项目

我正在连接到Web服务,并希望为每张幻灯片填充4个项目的UIBootstrap轮播。我正在使用|limitTo:4,但我需要一种方法来限制总共10张幻灯片中的每张幻灯片4张。这是HTML{{event.title}}引用Controllerapp.controller("eventsController",function($scope,$http){varevents=$http.get('/events');events.success(function(data){$scope.eventData=data.events["event"];console.log($scope.e

javascript - jssor slider 图像在 chrome 浏览器中无法正确显示

我已经在我们的网站上成功实现了jssorslider一年多了(并且喜欢它!)。昨天(9/3/15),我的Chrome浏览器更新了,我们网站上的slider现在无法正常工作。(使用IE和Firefox仍然可以正常工作。)图像短暂显示,然后空间变为空白,然后在转换时再次显示,然后空白。我使用slider图像作为链接,当图像未显示时它不起作用。我在以下位置找到了类似的解决方案:JssorsliderdoesnotdisplayslidesinChrome--但推荐的解决方案(将样式:位置代码从绝对位置代码更改为相对位置代码)已在我的代码中正确完成。我不确定这是否可能是CSS或javascri