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

1484 questions
11
votes
3 answers

Fadeout + empty a div, and then put new content in

What is a good way to fadeout the content of a div, but keeping the div ready for new content? With $('#info').html('').fadeOut(500); or $('#info').fadeOut(500).html('').show(); The div content just disappears, and new content does not show With …
mowgli
  • 2,796
  • 3
  • 31
  • 68
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
3 answers

Android - Fadeout animation for splash screen

I want to add fadeout animation for my splash screen, that is while closing the splash screen I want to bring the fadeout animation effect. Here are the codes which I have tried. overridePendingTransition(R.anim.fade_in, R.anim.fade_out); But the…
SWDeveloper
  • 1,749
  • 5
  • 18
  • 20
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
9
votes
2 answers

Flutter FadeIn/FadeOut animation together

in this simple sample code i want to have fadeIn and fadeOut animation together, but in this code fadeIn work only and reverse not work, how can i have both of them together? import 'package:flutter/material.dart'; void…
DolDurma
  • 15,753
  • 51
  • 198
  • 377
9
votes
1 answer

Fading out a whole page with jquery

So, I'm attempting to fade the page out when a user goes to another section of my website. After reading a bit on stack overflow, I have written the following code. But it just seems messy/ugly. Is there a proper way to fade out a webpage, or is it…
Catlard
  • 853
  • 6
  • 13
  • 30
8
votes
2 answers

FadeOut and Remove Table Row

I know this question has been asked before but I seem to have a different problem than has been addressed before. I have a table and I would like each row to have a delete link that fades the table row out and then removes the table row from the…
Nick Olsen
  • 6,299
  • 11
  • 53
  • 75
8
votes
5 answers

Creating a fade out label

This might seem like a simple question... I'm looking for the Label.Opacity property in C# Winforms. What I wish to do is have a method that fade's out a label gradually. By means of a timer perhaps? Since there is not Opacity I'm trying to set…
Theun Arbeider
  • 5,259
  • 11
  • 45
  • 68
8
votes
5 answers

How to slide down a div then .fadeIn() the content and vice versa?

Goal When a user clicks the button, the div in question will: slide down stop fade in the content When the user clicks the button again, the div will: fade out stop slide up Current position Here is an example where the fadeIn and fadeOut is…
Classer
  • 465
  • 2
  • 7
  • 18
8
votes
2 answers

Jquery replaceWith - fadeout / Fadein

I think this is going to come across very basic stuff but I'm brand new at the wonderful world of jquery. Heres my simple working replace code :
yes yes
What I am trying to…
Webby
  • 2,655
  • 5
  • 26
  • 34
8
votes
2 answers

cancel/stop jquery fadeOut after begin

I've got a very simple page that shows a status update when a user clicks on specific entries on the page. This is all working fine. The first click updates the id='sts' with the correct output, after 6 seconds this fades away. However whilst it's…
MacMan
  • 925
  • 1
  • 14
  • 32
8
votes
5 answers

Remove row from table with fadeOut effect

I have a table that has some rows,each row has a background. There is a button that remove specified row with jQuery fadeOut, but during the operation the design doesn't good.cells background will be white. $(document).ready(function(){ …
Saman Gholami
  • 3,416
  • 7
  • 30
  • 71
8
votes
3 answers

Android - Fade out bitmap image on canvas

I am drawing a scaled bitmap onto a canvas and would like to fade my image out at a specified time. Basically, when my character image goes over a certain section of the canvas, I require the character image to slowly fade away (3 seconds), before…
SingleWave Games
  • 2,618
  • 9
  • 36
  • 52
1 2
3
…
98 99