Stack Overflow
Stack Overflow

Questions tagged [fadeto]

Adjust the opacity of the matched elements.

Adjust the opacity of the matched elements.

Description:

.fadeTo( duration, opacity [, easing ] [, complete ] )

where,
duration A string or number determining how long the animation will run.
opacity A number between 0 and 1 denoting the target opacity.
easing A string indicating which easing function to use for the transition.
complete A function to call once the animation is complete.

jQuery fadeTo Documentation

131 questions
0
votes
1 answer

jQuery cross fading 2 images

Hey all i am currently using this code below: $('#tLight0').fadeTo(500,0.40, function() { var theToTurn = $(this).attr('data-toTurn'); $(this).attr("src","site.com/Images/light_" + theToTurn + ".png"); }).fadeTo(300,1); In order to cross fade…
StealthRT
  • 10,108
  • 40
  • 183
  • 342
0
votes
2 answers

Thumbnails fadein fadeout specific div fade issues

I am using this code to hide and show a div based on which thumbnail you rollover; $(document).ready(function(){ $('div.infodiv').hide(); $(".website_thumbs a").hover( function(){ var name = $(this).attr("name"); …
Omikron
  • 1
0
votes
3 answers

jQuery fadeTo to a different color

I am trying to fadeTo a different color other than the white it fades to with the following code: $(titleName).fadeTo("slow", 0.3, function () { $(titleName).attr('data-marked', 'yes'); }); How can I fade it to another color other than white…
StealthRT
  • 10,108
  • 40
  • 183
  • 342
0
votes
1 answer

JQuery fadeTo() Function with scrollTop()

I try to use fadeTo() in a scrollTop() function. First, I try it with fadeIn and fadeOut, that works perfect. But I want to keep the true height of the image. I changed the opacity in my css to 0 and want to show the image, when the scrollposition…
mnlfischer
  • 397
  • 4
  • 12
  • 26
0
votes
1 answer

Trying to fade out CCLabelTTF, change text, and then fade back in

I am trying to make CCLabelTTF change its text every 10 seconds using an array of strings. This is the code I have so far, but it is giving me this error! 2013-09-07 15:47:34.618 MazeIt[6271:1b503] -[TitleLayer opacity]: unrecognized selector sent…
nick.jw.park
  • 199
  • 3
  • 12
0
votes
1 answer

jquery fadeTo after timeout

Our div #logo is set to 0.8 opacity via css: background:rgba(50,50,50,0.8) After a delay, #logo is faded to 0.4 and #main-navigation is animated: $("#main-navigation").delay(7000).slideUp(1000); $("#logo").delay(7000).fadeTo(1000,0.4); When the…
Richard Tinkler
  • 1,635
  • 3
  • 21
  • 41
0
votes
1 answer

div retains its fade before successmessage is finished displaying

can anyone please tell me how to make the div fade partially until the successMessage is finished displayed............. in the below code the problem is before successMessage is finished the dive retains its fade......... function see() { var…
user2040500
0
votes
3 answers

Toggling between two different Opacities

I have all 26 letters in the alphabet and I want to make it so that when you click on it will fade to a lower opacity but if you click on it again it will come back to 1.0 opacity. I have not a single clue on how I would go about specifically…
Thomas Nocera
  • 65
  • 1
  • 6
0
votes
1 answer

jQuery fade not working in IE

http://bit.ly/Veyy5 If you view the above URL in FireFox and try to change any of the search parameters you'll see that the search results portion of the page fades to a low opacity and then fades back in once the results are received. In IE this…
ShawnCBerg
  • 594
  • 2
  • 7
  • 27
0
votes
0 answers

jQuery fadeTo in IE8

I did some research regarding getting the fadeTo function to work in IE8 where a div has the CSS position set to relative. I found a lot of answers saying there is a workaround by adding filter:inherit and opacity:inherit I have tried using this…
tuberider
  • 124
  • 9
0
votes
1 answer

How do I get fadeTo to work for navbar links?

I am relatively new to HTML/CSS/jQuery, so please forgive the simplicity of my question. I am trying to create a navbar for a site I'm making. However, I ran into an irritating roadblock: the jQuery isn't doing what I think it should. I'm trying to…
Samuel Scheeres
  • 1
  • 1
0
votes
1 answer

jQuery function to fade an image on window.scroll event not working

This should be really simple but I just can't figure out why it isn't working. If the scroll top is within a certain region, then fade out an image. This works if scrolling with the mouse or using the keyboard arrow keys. But when you use the mouse…
MP_Webby
  • 916
  • 1
  • 11
  • 35
0
votes
3 answers

jquery function not working after switching from grid to list

I've a website which contains a switching jQuery function from grid to list. In another external .js file there is the following function $(function (){ $('.image a img').hover( function () { $(this).stop().fadeTo('slow', 0.7); …
Someone33
  • 568
  • 2
  • 8
  • 25
0
votes
1 answer

jquery: cancel fadeto then fadein

I've a div that is initially displayed and then fades out slowly (with fadeto) over 10 seconds when the mouse leaves the div. When the mouse reenters, I need to cancel the fadeto (if it is still in progress) and fade the div back in. I know (think)…
Fraser
  • 14,036
  • 22
  • 73
  • 118
0
votes
1 answer

code after fadeTo() animation effect doesn't work

I created a menu jsfiddle link And I'm trying to apply fadeTo() the code you see below, but the 4th line doesn't work anymore. How can I apply fadeTo without affecting the hovered element just like in the link I provided? thanks in…
s4m
  • 1
1 2 3
…
8
9