问题标签 [mootools-fx]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
502 浏览

html - 带有居中图像的 mootools Fx.scroll

我不是 mootools 教授,所以我认为对于有更多经验的人来说,我的小问题的解决方案非常简单。

我有一个简单的图像库,其中包含用于“大”图像预览的方形图像。它使用 5 张图像。要设置的图像 ID,来自轮播。目前它看起来(简而言之)是这样的:

到目前为止,我使用大图像来预览方形图像,但我更喜欢使用原始图像进行预览,保持原始纵横比,以便宽图像将垂直居中。

我的问题是, fx.scroll 使用图像大小作为滚动点。这样两个较小的图像 (150x150 px) 将直接一起显示在预览窗口 (300x300 px) 中。

我不知道如何解决这个问题,以便每个图像都使用完全 300x300 像素的大小来滚动,即使它更小且居中。

请帮我。谢谢

0 投票
1 回答
191 浏览

mootools - 使用 mootools 1.4.1 的代码会导致无限循环

我正在使用 mootools 1.4.1 并且我正在尝试获取一个 div 来“补间”屏幕宽度以在完成时触发另一个功能。但是,补间一直在触发,我不相信它会触发我想要的功能。

代码如下:

您可能获得的任何帮助将不胜感激。

@Dimitar Christoff,这是 nextPhoto 函数的代码:

} // 函数结束 nextPhoto

0 投票
1 回答
631 浏览

javascript - Mootools 1.3.1:链式动画和同步动画 2 个元素

我想同时为 thediv#w_xxx和 the设置动画div#w_xxx img

它们应该变大,之后它们应该达到原来的宽度和高度。

问题是,mootools 同时播放所有动画,所以我看不到动画,我尝试了.chainmootools 的一些功能,但我没有让它工作。

我的代码如下所示:

0 投票
2 回答
678 浏览

javascript - mootools FX.slideOut 折叠表格行

我从David Walsh 教程中借用了一些关于使用 mootools 进行动画删除的代码。

当我在表格行上使用 Mootools FX.slide 时,它​​会在向上滑动之前水平折叠该行,这不是预期的效果。

如果你想看看这里有一个小提琴 - http://jsfiddle.net/gNvvT/

如何使这种效果垂直平滑滑动,而不是向左折叠然后向上折叠?

谢谢!

0 投票
2 回答
860 浏览

javascript - mootools fx.reveal

我正在尝试使用 mootools 1.4 中的 fx.reveal 为消息 div 进行简单的显示/隐藏转换。该效果第一次起作用,但在随后的点击中不起作用。

关于我哪里出错的任何提示?

http://jsfiddle.net/MYgH6/1/

0 投票
2 回答
373 浏览

javascript - Mootools:如何将项目添加到现有的 Fx.Sort 实例

我遇到了 Mootools Fx.Sort 的问题。

Javascript:

我可以向列表中添加更多元素:

但是运行时创建的列表元素显然不被 Fx.Sort 实例考虑,并且它们不能与其他元素一起排序。

有没有办法将它们添加到现有的 Fx.Sort 中?或者唯一的事情是mySort每次我在运行时添加一个元素时都用一个新实例替换?

0 投票
1 回答
352 浏览

mootools - 切换按钮保持:活动直到再次单击。穆工具

我正在使用此页面:

http://www.bluebeam.com/us/support/ipad/

我希望切换打开/关闭问题的按钮在关闭时显示“+”,在打开时显示“-”。我已经设置了“活动”类来添加内容“-”但是当答案被揭示时它并没有保持“活动”。

我尝试向 js 添加一个 .setStyle ,但这似乎也没有做任何事情。

这是我现在为按钮所做的事情:

http://jsfiddle.net/ajrdesign/pT6Vu/

0 投票
1 回答
439 浏览

javascript - Joomla YJK2Slider Fx 问题

我已经购买了 Joomla 的扩展!来自 YouJoomla,由于他们的支持论坛是人类创造的最糟糕的东西,我想我会问你们。

我遇到的主要问题是 Fx 问题,或者可能是 javascript 冲突。

我试图通过一个名为 YJK2Slider 的插件将图像滑块添加到 Joomla 中的 K2 对象。我唯一要做的就是安装插件,激活它,它应该可以正常工作。是的,但没有。它卡在加载并渲染图像 0x0 像素。但是,当我删除控制台告诉我的代码是冲突时,它会加载图像并且我可以从左到右滚动,但我不能使用几乎是一个关键功能的缩略图。

这是滑块的完整 js 代码...

...这是搞砸的部分。

这是我要放置滑块的链接;http://dev9.hosterspace.com/pyramiden/index.php/projekt/utbildning/item/4-campus-varberg 这里是开发者演示网站;http://extensions.youjoomla.info/yj-k2-image-slider.html

谁能帮我?:)

0 投票
1 回答
468 浏览

mootools - Mootools Fx.Scroll

嗨,有一个水平 div,其中包含我的幻灯片放映中的缩略图。
当激活图像发生变化时spinAreaDiv.scrollTo(bullet.getPosition().x);。这工作正常。

让 Fx.Scroll 处理这个的正确语法是什么?

给我“无法调用 null 的方法 'getPosition'”。

我究竟做错了什么?谢谢

(使用 mootools 1.3.2)

0 投票
1 回答
229 浏览

javascript - Mootools 等待 Fx.Morph 启动

我试图var effect = new Fx.Morph(testMorph, {在开始前等待/延迟 2 秒。
这里小提琴

但是当我尝试.wait(2000)or时.delay(2000),甚至.wait(2000, effect)我得到Uncaught TypeError: Object [object Object] has no method 'delay'

任何想法如何让这个工作?

我正在使用的代码: