问题标签 [fadeto]

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 投票
1 回答
1051 浏览

jquery - 用于 hasClass 或先前单击的元素的 JQuery 选择器

基本上,我将过滤器/排序脚本与画廊/缩略图脚本相结合。除了在单击新图像时更改元素的不透明度之外,一切都运行良好。IE。单击新缩略图,淡出为 1.0,旧缩略图淡出为 0.3。

我可以解决一个问题只是让另一个问题发生。

例如:

我可以让前一个元素淡入 0.3 不透明度和新元素淡入 1.0,但只能通过使用选择整个列表:#thumbs ul.thumbs li。这非常有效,但是当过滤器启动并且您只显示 3/9 列表项时,当您单击另一个缩略图时,所有内容都会淡回到 0.3,导致所有缩略图重新出现。

我正在考虑使用计数器向单击的项目添加一个类,然后如果应用该类,则元素将淡入 0.3,然后删除该类。像这样的东西。

我确切地知道我的问题出在哪里。试图将列表淡化回0.3. 我想不出要使用的选择器会选择一个具有计数器的类,然后将其淡出。我试过this了,但当然这适用于点击的项目。

我想选择应用了 counter 样式的元素,#thumbs ul.thumbs li .counter然后将该特定 itemsli元素淡化回0.3.

之所以必须是这个是画廊/缩略图脚本强制元素不透明度li。现在我试图通过自己的方式找到它,但我不能,所以我想写一个脚本来覆盖它。

正如我上面提到的,我在不考虑过滤器的情况下让它工作。

我正在考虑的另一个选项是尝试找到先前单击的项目并将不透明度应用于该列表项。

我正在使用 Galleriffic 示例 2 - 缩略图和图库以及 MixitUp。

我知道会有不兼容的地方,但除了不透明度之外,我已经让这一切都起作用了。现在如此接近。

任何帮助将不胜感激。如果需要,我可以提供更多信息。

我相信我所缺少的只是正确的选择器。我只是在那个阶段,我无法让自己摆脱阻止我思考正确选择器的漏洞。我是如此接近,但我就是想不出来。我知道它最终会变得很简单,我会为写下所有这些而自责。DOM 让我很沮丧。在遵循画廊/缩略图代码的同时,试图让父母和兄弟姐妹都正确。

干杯

编辑:

使用下面杰克唐纳利的方法,我能够解决我面临的问题。但是,即使没有匹配的过滤器,缩略图仍会添加到列表中。这可行,但我想这样做,这样我就不必每次都为每个过滤器调用代码:

我在下面遇到了这个问题,但在用我现有的代码实现它时遇到了麻烦:

jQuery:如何检查两个元素是否具有相同的类

编辑:我最终通过删除淡入淡出并改用一个类来解决这个问题。虽然我不喜欢使用!important,但在这种情况下,它确实是唯一不会让人头疼的方法。

CSS有这个:

这很好也很简单,并且在使用过滤器时类不会重置,1.0在当前选定的项目上保持不透明度。

比预期更好的结果。

0 投票
3 回答
213 浏览

javascript - 给多个 div 赋予相同的功能

我想用相同的 .class 创建多个缩略图。缩略图 div 包含 3 个其他 div。第一个是图像,第二个是显示在 mouseenter 上的描述,第三个是改变不透明度的条。

当鼠标悬停在 .thumbnail 上方时,两个元素都应该执行它们的功能。

我的问题是现在每个缩略图都执行该功能,所以现在每个缩略图都突出显示。如何更改此设置,以便在悬停在其上方时仅突出显示一个缩略图?

HTML:

jQuery:

0 投票
0 回答
220 浏览

css - 更好的方法来显示 gif 预加载 img 而不会看到它的中心

我整理了一些代码,用于在页面加载时显示加载 img,在显示加载 img 时似乎可以正常工作,但是当它首次出现时,您可以看到加载 img div 以页面为中心。就目前而言,代码正在工作,但看到它自己居中很烦人,是否有另一种编码方式,所以它不会那样做,或者可能是另一种更好/更实用/优化/交叉的方式浏览器友好/等...这是代码以及css和html,谢谢大家/gals:

CSS:

HTML:

任何帮助表示赞赏,谢谢。

0 投票
1 回答
68 浏览

javascript - 使用回调的多个不透明度过渡

我正在尝试创建一个图像转换,也就是幻灯片,就像他们在:www.teamgeek.co.za/ 上一样 - 你看到的左边的第一张图片!它只需要一个脚本来改变图像的不透明度。

我已经开始尝试做这样的事情,这是我的进步:http: //jsfiddle.net/pYECC/1/

现在我的问题是,我需要让过渡更慢然后“慢”,因为它不像 teamgeek 网站上看到的那样缓慢和“正确”。

0 投票
3 回答
50 浏览

jquery - 不知道如何让我的过渡循环

我创建了一个小项目,其中有一个图像幻灯片(过渡),在页面加载时,图像不透明度会发生变化,以创建幻灯片效果。

它工作得非常好,但是我很想知道如何升级我的代码,以便它循环回到开头,所以幻灯片永远不会结束,非常感谢帮助,这是我已经尝试过的:

http://jsfiddle.net/pYECC/4/

0 投票
2 回答
71 浏览

javascript - .fadeTo 不工作,绝对定位

我有一个按钮,绝对位置/z-index 1,它覆盖了 100% 的页面。

有一个图像也是绝对位置,覆盖页面 100%,z-index 0。

简单的任务是能够单击页面上的任何位置并使按钮淡出(我也尝试过淡出)并显示图像。

我对 jQ 和 js 很陌生,但是我一直在寻找答案,但找不到任何与这种行为匹配的东西。

0 投票
4 回答
301 浏览

php - 类型错误:对象#没有方法'fadeTo'

我正在尝试使用以下代码淡化 div:

Javascript:

html:

我已经包括:

我收到错误“TypeError: Object # has no method 'fadeTo'”。任何可以帮助解决此问题并解释为什么它不起作用的人?

0 投票
1 回答
49 浏览

jquery - 所有页面上的fadeto jquery函数,但很少(标记)元素

我在网页上使用这个简单的脚本:

所以“notowned”标签下的所有元素(图像)都是灰色的。然而,对于这样的程序页面来说,这是非常违反直觉的,所以我想做相反的事情:淡出所有元素,然后为那些不应该变灰的元素添加“拥有”标签。我尝试了各种方法,比如制作两个标签,但没有奏效。任何人都可以帮助我吗?谢谢!

编辑:这里是 jfiddle 链接 http://jsfiddle.net/4tkH6/ 请注意,我有超过 118 个元素,所以我希望它们默认变灰,然后用标签或其他东西“取消灰色”其中一些。AFAIK fadetoggle 将它们完全删除,因此对我不利。

0 投票
1 回答
59 浏览

jquery - FadeTo() 在滚动顶部

嗨,我有一个div默认情况下不应该显示的固定。如果你从顶部向下 717px,它应该淡入。如果你回到顶部,它应该淡出。

我究竟做错了什么?

0 投票
1 回答
96 浏览

javascript - 在点击链接后淡出 div 时淡入

我已经有了我的 javascript 来替换另一个 div,我只想知道当一个 div 被另一个 div 替换时如何放置淡入/淡出过渡。为了让您更好地了解我要完成的工作,当页面打开时,用户有 3 个选项。他们可以点击营销、遗产或婚礼链接,然后将他们带到相应的 div,询问他们是否需要工作样本或是否想与我们联系。正如我所说,它工作得很好,我只是希望 div 在单击第一个链接时淡入/淡出。