Questions tagged [fadein]

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

Displaying something by fading it from transparent to opaque.

The tag is often used to refer to the jQuery fadeIn() method.

2074 questions
24
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
  • 241
  • 1
  • 2
  • 4
23
votes
13 answers

jQuery How do you get an image to fade in on load?

All I want to do is fade my logo in on the page loading. I am new today to jQuery and I can't managed to fadeIn on load please help. Sorry if this question has already been answered I have had a look and try to adapt other answers for different…
Cool Hand Luke
  • 2,120
  • 9
  • 32
  • 51
22
votes
5 answers

How to add animation to a text view in android

I have a TextView and I'm trying to add a fade in animation to it. My code is returning null and I don't understand why. Here is my implementation This is the fade_in.xml
DeepakKUMARYadav
  • 223
  • 1
  • 2
  • 4
19
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
  • 191
  • 2
  • 4
19
votes
4 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,759
  • 2
  • 28
  • 42
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
  • 874
  • 3
  • 11
  • 25
18
votes
4 answers

jquery FadeIn one element after FadeOut the previous div?

jQuery(document).ready(function(){ $(".welcome").fadeOut(9500); $(".freelance").fadeIn(10000); $(".freelance").fadeOut(4500); }); I want the welcome message to fadeOut slowly and then the other div to fadeIn its place and then fadeOut -…
TheBlackBenzKid
  • 26,324
  • 41
  • 139
  • 209
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,392
  • 1
  • 17
  • 40
16
votes
8 answers

fade between two UIButton images

i want to fade between two UIButton images for the purpose of setting favorites in a UITableView. Currently the transition is done without effect - it just changes the images directly on click/touch: trans_img = [UIImage…
user1069822
  • 191
  • 1
  • 2
  • 6
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
  • 95,983
  • 54
  • 240
  • 345
15
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
  • 277
  • 1
  • 3
  • 11
15
votes
8 answers

Pure JavaScript fade in function

Hi friends i want to fade in a div when i click on another div and for that i am using following code. Code1 works fine but i require to use the Code2. I know there is jQuery but i require to do this in JavaScript Can you guide me that what kind of…
kanudo
  • 2,119
  • 1
  • 17
  • 33
15
votes
6 answers

Is it possible to get Twitter Bootstrap Dropdown menus to fade in?

I am trying to get the standard navbar dropdown menu on Twitter Bootstrap to fade in instead of just appear. I have tried adding the classes fade and in but it doesn't appear to fade. Here is my fiddle http://jsfiddle.net/byronyasgur/5zr4r/10/. I…
byronyasgur
  • 4,627
  • 13
  • 52
  • 96
14
votes
3 answers

Fade In div when it's scrolled into viewport

Okay, so I've been searching for a simple way to fade in a div when a user scrolls it into view, but I can't find a straight solution. HTML
This is a 100% height div. User scrolls down from…
benbuffone
  • 135
  • 1
  • 1
  • 5
13
votes
1 answer

How to make a React component fade in on scroll using IntersectionObserver, but only once?

I am trying to give components a fade-in effect in React when the user scrolls, but I want the fade-in effect to only happen the first time the element moves into the viewport. Currently, the code I am using causes a fade-in every time the element…
klaurtar1
  • 700
  • 2
  • 8
  • 29