Stack Overflow
Stack Overflow

Questions tagged [fade]

Fade refers to the UI technique of having page elements gradually gain or lose visibility, usually in response to a user action.

1685 questions
11
votes
4 answers

Slowly change/fade/animate an image changing with JQuery

This is my img, I want to slowly change this image src to "oneHovered.png" when the user hovers over using jQuery. Which jQuery method is best to do this? A lot of examples I see want…
zafrani
  • 4,030
  • 5
  • 31
  • 39
10
votes
2 answers

fade in/out with css3

Possible Duplicate: thumbnails fade in fade out I'm curios if it's possible to achieve this effect ( only the fade in/out ) with css3. I have a similar thumbnails scroller and I want to create that effect without javascript, or if this is not…
Cojocaru Daniel
  • 139
  • 1
  • 3
  • 6
10
votes
4 answers

Fading multiple elements simultaneously - jquery

I want to do the following: $(newPanel, prevBtn, nextBtn, infoPanel).fadeIn(200, function() { } these vars are divs created with jquery but only the first element fades in, I really need all elements to fade in at the same time.
user429620
10
votes
3 answers

Fade effect between layouts

As by object, I would reproduce fade effect between two layout. Now I've this situation: LinearLayout l; LinearLayout l2; To switch between them I've used l.setVisibility(View.GONE); l2.setVisibility(View.VISIBLE); I want add fade effect between…
CeccoCQ
  • 3,746
  • 12
  • 50
  • 81
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
9
votes
2 answers

How do I fade a div in/out on page scroll?

Here is the jsfiddle: http://jsfiddle.net/NKgG9/ I'm basically wanting those pink boxes to be on show on page load as normal but as soon as a user scrolls down the page I want them to fade out and disappear. When the user scrolls back up to their…
egr103
  • 3,858
  • 15
  • 68
  • 119
9
votes
6 answers

jQuery Fade in Site/Content Once It's Loaded?

Are there any tutorials or plugins for fading a site into view once its loaded properly, to limit any jarring etc, so the content appears smoothly basically? I suppose it would be easier if it was just a specific area, as a header or footer will…
Jezthomp
  • 709
  • 5
  • 11
  • 16
9
votes
1 answer

How do I fade text out, change it, and fade it back in?

I'm using a TextBlock in a datatemplate for a cell in a datagrid. I have a requirement that says when the value of the cell changes, the text should: fade out before changing value should change fade back in again At the moment I use the…
Peanut
  • 18,967
  • 20
  • 72
  • 78
9
votes
2 answers

jQuery Looping Animation pauses each time. How to keep from pausing?

I am trying to cause a block to "pulsate" between 100% opacity and some partially transparent opacity. I want to do this with the functionality that is built into the jQuery core, if possible. I would rather not add a plugin to get this effect. Here…
Tim Mackey
  • 323
  • 3
  • 16
8
votes
6 answers

Google Maps API V3 InfoBox using jQuery fadeIn and fadeOut

I have searched the web high and low and have not been able to find a tutorial or example of using jQuery to fade an InfoBox/InfoWindow in Google Maps not the content the actual box/window. Here is my code, I'm not sure what I'm doing wrong, but…
intheblue25
  • 201
  • 2
  • 7
8
votes
8 answers

CSS Fade Between Background Images on Hover

Is there a way that I can do the following? I have a transparent png sprite that shows a standard picture on the left, and a picture for the :hover state on the right. Is there a way that I can have the image fade from the left image into the right…
Jack
  • 203
  • 1
  • 4
  • 9
8
votes
1 answer

How to fade the screen out and back in using PyGame?

So I am trying to fade my screen out and back in after completing a level using PyGame. My problem is that only the fadeout() works and not the fadein(). When calling the fadein() the screen turns black for a few seconds then suddenly shows the next…
Tripti
  • 95
  • 1
  • 5
8
votes
3 answers

Change background-image of a div with fade effect every 10 seconds with jquery

I would like to create a slideshow in the header area of my page. It should change the background image every 10 seconds with a nice fade effect. And since I'm using jQuery for other stuff already I would like to use it for that as well. So my…
Gogogo
  • 81
  • 1
  • 1
  • 2
8
votes
2 answers

Image Right Edge Fade/Blur CSS

I have a simple CSS related question. How do I obtain the right end blur/fade as shown in the image?
Fahad Sohail
  • 1,818
  • 4
  • 21
  • 33
8
votes
5 answers

How to do the image fade-in effect upon scroll (like mashable.com)

I'm wondering about the fade-in effect for images on mashable.com (see http://mashable.com/2009/08/14/google-android-logo-remixes/ for example) As you scroll to the image, it fades in. It's not fading in on page load, only upon the actual appearance…
Mahmoud Al-Qudsi
  • 28,357
  • 12
  • 85
  • 125
1 2 3
…
99 100