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
0
votes
2 answers
Div fadeIn with specific condition
first, sorry for my poor english...
Ok, here's the situation:
I have an one-page-site with a navbar that looks like this
Additonally I have a…
user3449855
- 11
- 1
- 4
0
votes
1 answer
How to Animate an Item with a Fade In Fade Out Effect
Based upon certain criteria I need to fade in or fade out items at the top of my page screen. These items contain an Image and possibly some buttons in the future. I came across…
Matthew
- 3,976
- 15
- 66
- 130
0
votes
1 answer
Why do jQuery fadeIn() and fadeOut() seem quirky in this example?
I've been playing with jQuery in an ASP.NET project and am finding some odd behavior with the .fadeIn() and fadeOut() functions. In the below example, a click on the button (ID Button1) is supposed to cause both the span of text with ID Label1 and…
Ben McCormack
- 32,086
- 48
- 148
- 223
0
votes
1 answer
fadeIn Element On Scroll
I'm trying to make my element, in this case called #position_nav, fade in using jQuery as soon as the user scrolls the page.
Here is the SASS (only used for nesting)
#position_nav {
position: fixed;
width: 150px;
height: 200px;
…
Mike K.
- 267
- 1
- 4
- 10
0
votes
1 answer
jquery slideshow only shows the first of several slideshows on click
I posted this problem under another name a couple of days ago, but working on it some more seems to have helped me narrow down the problem, which is this:
I have a site on which the visitor can click various buttons to reveal a display section with…
phc_joe
- 103
- 2
- 14
0
votes
1 answer
jQuery Cycle Plugin: How to preload first images with a loading background gif then fade in Cycle Slideshow?
I'm struggling with this, maybe some of you can help...
I have a home page slideshow with large images at www.theoribeiro.com using jQuery Cycle plugin
Images are large and sometimes with slow connections (but even in fast ones) the behavior of the…
Theo Ribeiro
- 1
- 1
- 1
0
votes
4 answers
Jquery: Can't fade in element
I have have a span element that I want to let fade in from display none.
Fading out works perfectly fine but Fading in just doesnt work,
Here is the css of the span element:
$(".button_5").hover(function () {
$(".box5…
Noob17
- 709
- 2
- 7
- 21
0
votes
2 answers
How to delay background image on load
I know how to delay an element on load, but I have a weird request from a client. They want the background image to load 5 seconds after the page loads. I'm new to js, thought I could do it easily, but it's not working out.
I've tried…
Eric Brockman
- 824
- 2
- 10
- 37
0
votes
1 answer
Delaying display of an image only works once
I have a situation where I need to delay the displaying of a certain image on the page. The page is an image map of the U.S. When the user clicks on a state, a jQuery powered overlay open over the map to show that state's info.
The image in…
danzo
- 301
- 1
- 5
- 18
0
votes
1 answer
Page load with logo fadein
I don't know how to explain the type of effect I want but I'll try to be simple.
I would like my home page to be opened with my logo in the middle of the screen on a white background and a few seconds later the logo is fading and it shows the home…
cyclone200
- 367
- 7
- 22
0
votes
1 answer
There's an unnecessary white space at the bottom of my webpage, where is it coming from and how can I get rid of it?
I just recently added a fadein onload function to the site but now there's a white space at the bottom. I feel like it has to do with when the div loads in it's automatically displayed as block. I'm not sure how to fix this.
HTML Code
Anthony726
- 75
- 2
- 4
- 10
0
votes
1 answer
How do I get this div fade in when the page loads?
I'm trying to get the two text boxes as well as the three images to fade in as soon as the page loads. I've tried using a bit of jQuery with .onload but I can't seem to figure it out.
Here's the JSFiddle
HTML Code
Anthony726
- 75
- 2
- 4
- 10
0
votes
1 answer
jQuery fadeOut() overwriting fadeIn() if Ajax call takes less than 200ms
I have the following HTML, CSS and Javascript:
HTML
Loading...
CSS #loading { display: none; } Javascript $("#my-button").click( function() { …
Marcio Mazzucato
- 8,841
- 9
- 64
- 79
0
votes
2 answers
Jquery background-image cycle w/fade-in/out
How can I change this so the progressive fade-in/fade-out that is now commented out applies only to the background image and not the whole containing div?
In its current state the entire DIV along with all content is fading in/out along with the…
DMSJax
- 1,709
- 4
- 22
- 35
0
votes
1 answer
Click a link that fades out an image + fades in text
I've been researching this for hours, and I can't get any to work with my coding.
Here is what I have so far: http://brynntweeddale.com/
I want to be able to make ABOUT into a link and click it to replace the image with text, preferably with the…
Brynn Tweeddale
- 3
- 1