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
0
votes
2 answers

Need to delay setting css link stylesheet attrib

I am trying to delay the link attrib so that it is applied after the content has faded out. But adding a timeout function does not work. Any ideas? $(function () { $(".layout a").click(function () { setTimeout(function () {…
user695868
0
votes
2 answers

How to use jQuery to hide div then fade it in on document scroll?

I'm trying to use jQuery to hide a div when the page loads, but when you scroll down to a certain point it will fade in. Right now the below script will do almost that, the problem I'm having is that the div is visible at first on page load, I want…
mattroberts33
  • 260
  • 5
  • 19
0
votes
1 answer

Halting fade animation when clicking a new element

I have an animation that causes boxes to appear in sequence when clicking a link. I'm finding that the animation does not stop when clicking a new link and will often cause the it to appear out of sequence. You can see this here when clicking…
Zach Shallbetter
  • 1,901
  • 6
  • 23
  • 37
0
votes
0 answers

How do I fade from a color to an image in the header?

I have the color #FF6600 that I would like to fade into an image horizontally starting with the color on the left of my header and going into the image on the far right. How can I do this in css? do I have to use webkit or no? thanks!
user1995614
  • 63
  • 2
  • 2
  • 4
0
votes
1 answer

jquery fading other list items on hover and then keeping item at 100% opacity when clicked

I'm working on a site where a list of items are 100% opacity and once an item is hovered, all other items reduce to 30% opacity. I this working correctly using the code below. Now what I need is for the item that is clicked on to remain at 100%…
Keith Higginbotham
  • 53
  • 7
0
votes
1 answer

JQuery mouseout timeout

Similar problems have been dealt with before but I believe mine's slightly different owing to the use of the bind() function. Anyhow... $('.overlay').bind("mouseenter",function(){ $(this).fadeTo('slow', 0); }).bind("mouseleave",function(){ …
strangerpixel
  • 798
  • 1
  • 11
  • 27
0
votes
2 answers

DIV content fade in/out confusion

I have searched through StackOverflow posts and various forums, but cannot find an answer. I have found answers for similar questions, but nothing breaks it down quite enough for me to understand. I understand a good deal of PHP and HTML, but am…
ShadowSplicer
  • 3
  • 2
0
votes
4 answers

Screensaver in C++ with fading image

How can I make a screensaver in C++ that fades an image in and out at random places on the screen with a specified time delay on the fade out? Multimonitor support would be awesome. If you have a working code or know where I can get it, it would be…
Sindre Sorhus
  • 62,972
  • 39
  • 168
  • 232
0
votes
0 answers

How to make this my first JQuery plugin work

Thanks to the comments below. Here is an updated question and code: I have written two bits of code, a loader and sequential fade in. The loader works by adding the load class which with css displays a loading spinner.gif. Then removes the class and…
Craig
  • 23
  • 4
0
votes
1 answer

jQuery: How can I edit this code to produce a fade effect instead of a sliding effect?

I'm having trouble making the following code fade an image instead of sliding an image. Any assistance would be much appreciated. Here's the code: var rotate_delay = 7000; (function($) { $.fn.preload = function(options) { var opts =…
user1930909
  • 1
  • 1
0
votes
1 answer

JQuery Navigation Menu using hover+click on image-sprites

I'm in the process of building a navigation toolbar for a site and struggling to make the hover+click work. I have been searching for days and rebuilding several times using methods from live sites and tutorials and I just cant solve this simple…
BAH
  • 1
  • 1
0
votes
2 answers

Issue with jquery sibling fading other divs on hover

I found a working JSfiddle of what I am trying to accomplish here: http://jsfiddle.net/gdoron/YwKVt/3/ I have a foreach loop:
FTSoR
  • 41
  • 2
  • 9
0
votes
1 answer

JQuery Fade In Pages

I have a bunch of HTML pages, that are seperate files but I want to have a simple fade in/out between each of them. I have used the code of: $("#content").css("display", "none"); $("#content").fadeIn(2000); $("ul.menu li…
Palemo
  • 217
  • 1
  • 5
  • 19
0
votes
2 answers

image fade on click

HTML : JQUERY : var images = [ "01.jpg", "02.jpg", "03.jpg" ]; $(function() { index = 0; …
wcodavid
  • 127
  • 1
  • 10
0
votes
3 answers

JQuery fade out

I've have a page with several (about 30) same-sized divs. But the class is different for them such as: .mosaic-block, .events, .exhibitions, .gallery, .sponsors, .hospitality, .workshops, .lectures { background:rgba(0, 0, 0, .30); …
xan
  • 4,640
  • 13
  • 50
  • 83
1 2 3
…
99
100