草庐IT

slide-animation

全部标签

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 - 跨浏览器 jquery animate scrollTop

我在使用jqueryanimatescrollTop到定义的div时遇到了问题。我使用这段代码为滚动设置动画:$('body').animate({scrollTop:$('#sections_display').offset().top-100},500,function(){$('#ajax_load').load('file.php');});但这在Firefox或IE中不起作用。当我使用$('html').animate而不是$('body').animate时,它在Chrome中不起作用。我也尝试同时使用两者:$('html,body').animate但问题是回调函数$('

JavaScript/jQuery : Animate li movement within a list?

我有一些代码与此处的jQueryUISortable示例基本相同:http://jqueryui.com/demos/sortable/#default这允许用户重新排序UL中的LI元素。不过,我现在遇到了一种情况,我想为LI改变位置设置动画……基本上就像用户自己拖动它们一样。事实证明,这比我预期的要困难得多,因为我没有为可以用CSS表达的变化制作动画,所以jQuery的animate()不会有帮助。我可以通过做一些数学运算并绝对定位列表元素来解决这个问题,但这看起来非常丑陋。有没有一种优雅的方法可以让我的列表元素四处移动? 最佳答案

javascript - Polymer core-animated-pages 默认页面

我正在使用Polymercore-animated-pages在我的网站主页之间切换。我通过的id来选择需要显示的页面.您可以查看实际示例here.现在,我遇到的问题是在加载页面时,应该选择的页面是从url加载的,例如www.example.com/home显示主页,www.example.com/activities显示事件页面(示例中省略的代码,因为不是很相关)。但是链接提供的id不存在怎么办?是否有显示默认值的选项core-animated-pages-带有404消息的页面?或者我是否必须检查每个链接是否在我所有页面的数组中,如果是,则手动加载错误页面并显示正确的页面?同样,这里

javascript - ngRepeat with ngAnimate 在我的元素上设置 "data-ng-animate= 2"

我不知道为什么ngRepeat在我的元素上添加了data-ng-animate=2属性。为什么会这样?我这样写:我明白了:谢谢! 最佳答案 正如您在thesourcecodehere中看到的那样data-ng-animate属性用于跟踪动画的状态:varPRE_DIGEST_STATE=1;varRUNNING_STATE=2;所以基本上它只是在元素本身上存储它自己的动画状态。在您的情况下(2)它正在运行。如果您跟随NG_ANIMATE_ATTR_NAME浏览该文件,您可以跟随它添加、更新和最终从元素中删除。

javascript - Angular 动画 : Animate Parent and Child Elements

我用Angular动画创建了一个元素(div.parent),效果很好。当我向它添加一个子元素并尝试同时为该子元素设置动画时,其中一个动画并没有结束运行(它只是捕捉到新状态)。堆栈Blitz:https://stackblitz.com/edit/angular-2tbwu8标记:动画:trigger('theParentAnimation',[state('down',style({transform:'translateY(100%)translateZ(0)',})),transition('**',[group([query(':self',[animate('0.9scubi

javascript - leaflet.js : Fire event when setView() has finished the animation. 这怎么可能?

我目前正在使用leaflet.js,我现在正在网上搜索很多,以找出:如果有一个事件,可以在异步函数setView()的动画结束后触发。这是我尝试过的:map.setView([lat,lon],12,{pan:{animate:true,duration:0.5},zoom:{animate:true},animate:true}.on('ready',function(e){console.log("animationfinished!");});setView-command完美运行,但是本地图动画准备就绪时应该触发的函数不起作用。有没有人有解决办法?

javascript - 谷歌 API : gauge animation

我试图让googlegaugepointer移动,但它没有移动,我已经设置了动画配置,因为它应该在varoptions中设置,例如duration:1000和easing:'inAndOut',我是n00binGoogleAPI所以为了我的无知尝试。谁能帮帮我。这是tutoriallink我正在使用它。代码正在工作,但部分工作,仪表指针应该缓慢移动到它的最大值,但是,在我的情况下它不会工作。这是代码。google.load('visualization','1',{packages:['gauge']});google.setOnLoadCallback(drawChart);func

javascript - 尝试包含 ngMaterial $mdToast、$animate 时出现 Angular Material "[$injector:unpr] Unknown provider"错误

我正在尝试在此应用中使用ngMaterial:Bower.json文件:{"name":"x","version":"0.0.0","description":"x","dependencies":{"bootstrap":"~3","angular":"~1.4.7","angular-resource":"~1.4.7","angular-animate":"~1.4.7","angular-mocks":"~1.4.7","angular-bootstrap":"~0.13","angular-ui-utils":"bower","angular-ui-router":"~0.2