Stack Overflow
Stack Overflow

Questions tagged [fadeto]

Adjust the opacity of the matched elements.

Adjust the opacity of the matched elements.

Description:

.fadeTo( duration, opacity [, easing ] [, complete ] )

where,
duration A string or number determining how long the animation will run.
opacity A number between 0 and 1 denoting the target opacity.
easing A string indicating which easing function to use for the transition.
complete A function to call once the animation is complete.

jQuery fadeTo Documentation

131 questions
1
vote
1 answer

Multiple opacity transitions using callbacks

I am trying to create an image transition aka slideshow, like they have on: www.teamgeek.co.za/ - the first image on the left you see!, it works by just having a script which changes the opacity of the images. I have started to try and make…
Panda
  • 53
  • 7
1
vote
4 answers

jQuery: How do I fade-out a list of less frequently used divs, and fade-in on mouseover?

Say you have a bunch of elements on a webpage you don't use much, how can jQuery fade them a little, but only when there is no mouseover? It must fade back on mouseover!
Luke Stanley
  • 1,274
  • 1
  • 16
  • 32
1
vote
1 answer

JQuery Selector for hasClass or Previously Clicked Element

Basically I am combining a filter/sort script with a gallery/thumbnail script. Everything works well apart from changing the opacity of the elements when clicking on the new image. ie. Click on new thumbnail, fades to 1.0, old one fades to 0.3. I…
Curley5959
  • 119
  • 2
  • 3
  • 12
1
vote
1 answer

Jquery image and background fade onclick

I've been searching around and using bits and pieces I've found (mostly on this site) to help me get as far as I am, but am afraid I kind of painted myself into a corner here by taking a route I shouldn't have early on. Basically I'm trying to…
timtim123
  • 11
  • 3
1
vote
1 answer

re-fading in table after fading all other out

Hey all i have this code here that fades all the tables on the page and then, if the search term was found, highlights that word. However, i can not seem to get it to re-fadein that row(s) where the search term was found. function…
StealthRT
  • 10,108
  • 40
  • 183
  • 342
1
vote
3 answers

jQuery - reduce opacity of image on mouseover

What I want to achieve is that when you hover your mouse over an image its opacity will reduce to the half. I must be doing an obvious mistake here but can't figure out what exactly. Any tip would be appreciated. http://jsfiddle.net/bUHVc/1/
user2660811
  • 243
  • 4
  • 9
  • 16
1
vote
2 answers

jQuery hover and fadeTo effect is slow in IE 8

I've been developing my website in both Firefox and IE 8. There's an image hover effect on the main page (as well as in the photography and drawing sections). You can see the code in the source at http://www.dgendill.com. In Firefox, the effect…
user182666
  • 159
  • 3
  • 9
1
vote
2 answers

Stop multiple events firing on JQuery fadeTo

So I want to stop multiple events firing if I hover over a div. This is my code. $( "#menu" ).hover( function() { $("#menu").fadeTo("slow",0.8); }, function() { $("#menu").fadeTo("slow",0); } ); I tried with stop() and…
lucafik
  • 295
  • 1
  • 6
  • 18
1
vote
2 answers

IE8 opacity problems

I've put a site together involving a fair amount of opacity / fading effects, but one part (the menu bar) isn't displaying correctly in IE8, and for the life of me I can't work out why. It works fine in higher versions of IE, and in proper…
stevo__80
  • 11
  • 2
1
vote
0 answers

Using Waypoint jQuery Plugin to trigger FadeTo

I am attempting to use the Waypoint plugin to make one element fadeTo 50% when another "trigger" element is 25% from the top when you are scrolling down and fadeTo 100% when the "trigger" element is 25% from the top and you are scrolling up. …
user2475268
  • 33
  • 6
1
vote
1 answer

Fade In and Out animation in Android

I need to create an animation in android,i have one fixed image in the screen, i need to add another image over the previous image using fade in and out. i have searched and i found something like this Fade in and out in java That is the concept,…
user2134412
1
vote
2 answers

Stop flickering on hovering between divs of same class

I have 3 groups of divs which have a class dynamically assigned to them. When a user hovers over any of the divs, jQuery checks the class and fades the others with the same class. This works well but if I hover between the divs with the same classes…
Victor
  • 714
  • 2
  • 10
  • 25
1
vote
1 answer

Fade in/Fade out, Fixed/Sticky Header

Okay, I know it seems like I've asked this question already, for which @adeneo had previously answered and apreciated, however I am rattling my brains because I just can't get this to work. I'm trying to make my 'fixed' positioned header 'fadeTo'…
Jamie Smith
  • 11
  • 1
  • 7
1
vote
2 answers

jquery hover propagation

I'm using this on an hover image : $('.img-style').hover (function(e) { var prixPlus = $(this).closest('a').attr('data-prix'); prixPlus = parseFloat(prixPlus); var prixNew = prix + prixPlus; …
Chris
  • 435
  • 1
  • 8
  • 21
1
vote
2 answers

jQuery fadeTo and fadeIn not working anywhere except for JSFiddle

I can't seem to get even a simple fade-in effect to work on chrome or safari - but it works perfectly well with jsfiddle (Chrome 19.0.1084.56 & Safari 5.1.7). I'm also not getting any javascript errors to work off of. Previously I had tried…
spops
  • 572
  • 1
  • 7
  • 25
1 2
3
…
8 9