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 fadein tag is often used to refer to the jQuery fadeIn() method.
Questions tagged [fadein]
2074 questions
13
votes
4 answers
jQuery .fadeIn() on page load?
I'm trying to set up some code so that I have a that is hidden at first but then fades in after the page is loaded.
I have the following HTML code:
Then I also have this CSS code, which hides…
This is some text.
user2962388
- 295
- 3
- 6
- 12
13
votes
6 answers
Android Volley - how to animate image loading?
any idea how to play a fade in animation when image loads? Now it just blinks into place. I am using NetworkImageView from the Volley toolkit.
Also, is there a way to set loading and error bitmaps on the network image view without using the…
urSus
- 12,492
- 12
- 69
- 89
12
votes
4 answers
jQuery fade in background colour
I'm trying to fade in the background colour of a table row, and can't get it right. The fade-in will happen when a button is clicked.
I tried something like:
$("#row_2").fadeIn('slow').css('background', 'gold')
And although this will apply the…
Marcos Placona
- 21,468
- 11
- 68
- 93
11
votes
4 answers
jquery Flashes Div Element Before Executing .hide() and .fadeIn() Methods
This is my code:
$('.items').html(response).hide().fadeIn();
The problem is that when this loads, the page "jumps" up due to the element being rendered on page first (having a height) before the .hide().fadeIn() is triggered.. is there some other…
Mackelito
- 4,213
- 5
- 39
- 78
11
votes
4 answers
jQuery fadeIn event?
Is it possible to get some kind of event notifciation when an element has faded in using jQuery? I.e. if there was a 'fadeInEvent' I would try something like
$('elements').delegate('selector', 'fadeInEvent', function() {
alert('someId has faded…
matsev
- 32,104
- 16
- 121
- 156
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
11
votes
1 answer
iOS SDWebImage fade in UITableViewCell
I'm been using SDWebImage(ver3.0) on my iOS app, and I want to fade in the new image of uitableviewcell once it loads like Path2.0, Pinterest, and Viddy.Thanks to iOS SDWebImage fade in new image, fade-in itself is working.
However, image in cell is…
tsk
- 225
- 3
- 9
11
votes
2 answers
Is it better to use jQuery fadeIn or CSS3 animations?
I am creating a simple gallery using some PHP and JavaScript and am trying to do a fade transition between images. Then I wondered if there is a performance difference between using a CSS animation, e.g.:
@-webkit-keyframes fadeIn {
0% { opacity:…
John P
- 625
- 2
- 7
- 15
10
votes
4 answers
how to use fadeIn with display=inline-block
I try to fadeIn a div which (should) have a display inline-block.
It seems the fadeIn method assumes only display=block.
Is there a way to change that behavior?
Itay Moav -Malimovka
- 52,579
- 61
- 190
- 278
10
votes
2 answers
How to: javascript fade in fade out text
First of all: I looked through other posts on stackoverflow and none of them had the information I was looking for.
Second: I'm new to programming ;)
I want to have a div on my website that fades in and fades out text. I've seen this on a few web…
Keith Groben
- 301
- 2
- 3
- 15
10
votes
1 answer
jquery make div repeatedly fade in and out
hello i have a series of divs created in a for loop like so:
var myDiv ='#bannerHolder'
var fib_str = '1, 2, 3, 5, 8, 13, 21, 1, 2, 3, 5, 8, 13, 21, 1, 2, 3, 5, 8, 13, 21, 1, 2, 3, 5, 8, 13'
var widths_str = '33px, 31px, 35px, 9px,…
Dizzy Bryan High
- 2,015
- 9
- 38
- 61
10
votes
4 answers
fade in and fade out in pure javascript without jquery
Here I have a function that fades a square box with id="box" as soon as the page loads. I tried but failed to find out how to fade in the box again or simply how to fade in a box or an element with pure JavaScript not jQuery.
Here is my code for…
J Akhtar
- 669
- 1
- 7
- 25
10
votes
3 answers
jQuery Innerfade - fading weirdly on IE7
I'm wrapping up a new site, http://architect.sitesbyjoe.com and I'm using the innerfade plugin on the site's homepage. For some reason, the fading is slow and choppy.
The only other thing JavaScript-wise is the Fancy Zoom, but I've already removed…
sitesbyjoe
- 1,861
- 15
- 21
10
votes
11 answers
Making images fade in on image load using jquery
I have a page full of images and I want each of them to fade in when loaded. I have the following code which works but seems buggy, basically sometimes not all the image fade in.
Does anyone have any suggestions of how to improve this.
Thanks…
James
- 297
- 3
- 4
- 11
10
votes
2 answers
Android Alpha Fade in Animation Issue
I have an ImageView element that I create in my code and place inside of my RelativeLayout. I set this image to be Invisible to start off with using the following code:
arrow.setVisibility(View.INVISIBLE);
I then defined a Fade-In Alpha animation…
Derek Gebhard
- 917
- 2
- 10
- 15