Stack Overflow
Stack Overflow

Questions tagged [fadeout]

The fadeOut() method gradually changes the opacity, for selected elements, from visible to hidden (fading effect).

Hide the matched elements by fading them to transparent.

Description:

.fadeOut( [duration] [, callback] )

where,
duration A string or number determining how long the animation will run.
callback A function to call once the animation is complete.

jQuery Fadeout Documentation

1461 questions
20
votes
6 answers

jQuery add/remove Class with fadeIn/Out

I would to apply a fadeIn effect to a addClass function..and fadeOut to removeClass... Can you help me? This is my code $('#loader'+idTurno).addClass('loader'); ... $('#loader'+idTurno).removeClass('loader');
Swim89
  • 201
  • 1
  • 2
  • 4
19
votes
5 answers

jQuery fadeIn fadeOut - IE8 does not fade

Can anyone tell me why a .jpg would not fade in or fade out in IE8. Right now it is just disapearing and reappearing with no opacity changes. I have this set up locally and on a publishing server, strange thing is the images fade in and out just…
theDawckta
  • 864
  • 3
  • 11
  • 25
18
votes
5 answers

Fadein() effect to a function: how to?

I have this function that works well for lazy loading. panel.find('img[data-src]').each(function(){ element = $(this); element.attr('src', element.data('src')); element.removeAttr('data-src'); How can I give a…
Federico
  • 1,326
  • 1
  • 12
  • 37
17
votes
1 answer

fadeout and remove an element after a few seconds

Why the element cannot be removed in the callback of $.fadeout? For instance, $(".background-blackout").fadeOut('slow', function(){ // Remove all the layer. $(this).remove(); })); alert($('.background-blackout').length); // return…
laukok
  • 47,545
  • 146
  • 388
  • 689
17
votes
2 answers

Making a smooth fade out for imageview in android

I managed to make the imageView dissapear after 10 seconds(a tutorial image on my mainActivity). But i want to make a smooth fade out because like this it doesn`t look good, can anyone refer me to any good tutorial …
denza
  • 1,296
  • 4
  • 23
  • 48
16
votes
3 answers

How to dismiss a modal VC with fade out animation?

I am using the following code in my presenting VC to fade in the child modal VC, and this works fine: self.infoViewController.view.alpha = 0.0; [self.navigationController presentModalViewController:self.infoViewController animated:NO]; [UIView…
Gruntcakes
  • 36,166
  • 41
  • 170
  • 346
16
votes
3 answers

The .fadeOut() method to use visibility property instead of display property

The .fadeOut() method animates the opacity of the matched elements. Once the opacity reaches 0, the display style property is set to none, so the element no longer affects the layout of the page and same is for fadeIn(). My Question is can they use…
Champ
  • 8,601
  • 11
  • 32
  • 61
15
votes
6 answers

How to fade out div slowly, update content, and then fade in div slowly, using jQuery?

I have a div I want to fade out, update its content, and then fade back in. So far I have tried: $('#myDivID').fadeOut('slow', function() { $('#myDivID').replaceWith("
" + content + "
"); …
Alex Reynolds
  • 91,635
  • 50
  • 223
  • 320
15
votes
3 answers

JQuery Difference between hide() and fadeOut() , show() and fadeIn()

I am new to jQuery. Currently, I am working with jQuery in my one of Cross Platform Mobile Applications. I need to hide and show some of my Page Contents on respective conditions. I have found following two methods that are working fine for me. $(…
Salman Nazir
  • 2,223
  • 2
  • 20
  • 36
14
votes
2 answers

How to fade in/out a widget from SliverAppBar while scrolling?

I want to 'fade in' and 'fade out' a widget from SliverAppBar when user scrolls on the screen. This is an example of what I want to do: Here is my code without 'fading': https://gist.github.com/nesscx/721cd823350848e3d594ba95df68a7fa import…
nesscx
  • 141
  • 2
  • 4
13
votes
5 answers

CSS fade out horizontal rule / line styled div effect without images

I'm a big fan of minimal use of images and was wondering if anyone had a tactic (or if it's possible) to create this kind of thing with pure static CSS? http://www.flickr.com/photos/jahimandahalf/6780397612/ I'm referring an effect of a line…
ja_him
  • 377
  • 1
  • 2
  • 18
13
votes
2 answers

Gray out divs Using JQuery

Im trying to use this code: To fade out a bunch of divs named MySelectorDiv, the only thing is, it only fades out the 1st one instead of all of them... why is that? I also would like to…
WillingLearner
  • 6,316
  • 6
  • 30
  • 49
13
votes
6 answers

How to make a label fade in or out in swift

I am looking to make a label fade in, in viewDidLoad(), and then after a timer is at 3 fade out. I am not familiar with the fadein or fadeout functions. How would I go about doing this?
Ty Victorson
  • 257
  • 1
  • 3
  • 11
13
votes
3 answers

Jquery delay on fadeout

I have this code that changes the opacity of the div on hover. $("#navigationcontainer").fadeTo("slow",0.6); $("#navigationcontainer").hover(function(){ $("#navigationcontainer").fadeTo("slow", 1.0); // This sets the opacity to 100% on hover…
user272899
  • 831
  • 5
  • 16
  • 22
11
votes
4 answers

jQuery - How to fade in/out from one color to another? (possible 3rd party plugin fo jQuery?)

I'm looking for a jQuery script or a 3rd party plugin for jQuery, which can create a fade in/out effect based on "from color" and "to color". Example how I see it: $( selector ).fadeColor({ from: "#900", // maroon-red color to: "#f00", //…
user798596
1
2
3
…
97 98