fadein | 易学教程

jQuery .load() with fadeIn effect

阅读更多关于 jQuery .load() with fadeIn effect

I'm trying to load #content of a url via AJAX using jQuery within #primary. It loads but doesn't fadeIn. What am I doing wrong? $('.menu a').live('click', function(event) { var link = $(this).attr('href'); $('#content').fadeOut('slow', function(){ $('#primary').load(link+' #content', function(){ $('#content').fadeIn('slow'); }); }); return false; }); Many thanks for your help. Actually I was able to do it by applying the effect to the wrapper div instead... $('#primary').fadeOut('slow', function(){ $('#primary').load(link+' #content', function(){ $('#primary').fadeIn('slow'); }); }); Just this

Making images fade in on image load using jquery

阅读更多关于 Making images fade in on image load using jquery

I have a page full of images and I want each of them to fade in when loaded. I have the following code which works but seems buggy, basically sometimes not all the image fade in. Does anyone have any suggestions of how to improve this. Thanks $('.contentwrap img').hide().load(function () { $(this).fadeIn(1000); }); sometimes not all the image fade in. Yeah, this is typically a fairly basic problem: some images finish loading before you've assigned them a load event handler. This is especially likely when the images are cached. If the images are in the HTML the only reliable way is,

jQuery fade out elements as they scroll off page, fade back as they scroll back on

阅读更多关于 jQuery fade out elements as they scroll off page, fade back as they scroll back on

问题 I want elements to fade out as they scroll off the top of the page, and then fade back in as they scroll back onto the page. I wrote some code that works, but I am looking for a more elegant solution. Here is the solution I have working on jsfiddle: http://jsfiddle.net/wmmead/JdbhV/3/ I would like to find a much shorter, more elegant piece of code, but just can't quite work it out. Maybe something with an array and the each() method? If I put a class on the divs instead of an ID, it gets a

fade between two UIButton images

阅读更多关于 fade between two UIButton images

问题 i want to fade between two UIButton images for the purpose of setting favorites in a UITableView. Currently the transition is done without effect - it just changes the images directly on click/touch: trans_img = [UIImage imageNamed:@"fav_on.png"]; NSArray *subviews = [owningCell subviews]; UIButton *favbutton = [subviews objectAtIndex:2]; favbutton.imageView.animationImages = [NSArray arrayWithObjects:trans_img, nil]; [favbutton.imageView startAnimating]; Everything I found was a transition

Android - Blinking image using the Alpha fade animation

阅读更多关于 Android - Blinking image using the Alpha fade animation

问题 I've been struggling for a few days on this, finally just decided to ask. It's so simple I've got to be missing something very basic. I have an XML layout page with an image defined. I have two anim XML pages, one to change alpha from 0 to 1, and the other from 1 to 0 in order to create a "blinking" effect. So the alphaAnimation is defined in XML, I just need to call it. The image pops up, but there's no looping blinking effect. public class blinker extends Activity { //create name of

jQuery fade out then fade in

阅读更多关于 jQuery fade out then fade in

问题 There's a bunch on this topic, but I havn't found an instance that applies well to my situation. Fade a picture out and then fade another picture in. Instead, I'm running into an issue where the first fades out and immediately (before the animation is finished) the next fades in. I read about this once and can't remember exactly what the trick was.. http://jsfiddle.net/danielredwood/gBw9j/ thanks for your help! 回答1: fade the other in in the callback of fadeout, which runs when fadeout is done

Fading out text at bottom of a section with transparent div, but height stays under section after overlaying div

阅读更多关于 Fading out text at bottom of a section with transparent div, but height stays under section after overlaying div

问题 I'm trying to get a nice fade-out effect at the bottom of a section of text as a 'read more' indicator. I've been following a bit off this and other tutorials, and my code currently is as follows: html <section> <p>malesuada fames ac turpis egestas...leo.</p> <p>malesuada fames ac turpis egestas...leo.</p> <div class="fadeout"></div> </section> <p>Stuff after</p> css .fadeout { position: relative; bottom: 4em; height: 4em; background: -webkit-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba

jQuery fadeIn fadeOut - IE8 does not fade

阅读更多关于 jQuery fadeIn fadeOut - IE8 does not fade

问题 Can anyone tell me why a .jpg would not fade in or fade out in IE8. Right now it is just disapearing and reappearing with no opacity changes. I have this set up locally and on a publishing server, strange thing is the images fade in and out just fine locally, it's only when I go to the publishing server that they cease to fade. Just wondering if I am missing something someone could quickly help me with off the top of their heads. Here is the gcRotateContent that is on the publishing server,

How to do a fadein of an image on an Android Activity screen?

阅读更多关于 How to do a fadein of an image on an Android Activity screen?

I'd like to display a photo on an Android Activity screen with doing gradual and continual fade-in from pale monotone sepia to the final full color. I know how to do it on a Java Image/BufferedImage for the Graphic object but unfortunately I know nothing for the Android programming environment. Could anyone help? Jorgesys Hi Hiroshi you can do this for the fade in: ImageView myImageView= (ImageView)findViewById(R.id.myImageView); Animation myFadeInAnimation = AnimationUtils.loadAnimation(this, R.anim.fadein); myImageView.startAnimation(myFadeInAnimation); //Set animation to your ImageView and

jQuery: eliminate white screen “pause” between animations

阅读更多关于 jQuery: eliminate white screen “pause” between animations

问题 I have just discovered Barba.js and find it very useful. It provides smooth transitions between URLs of the same website. I have put together a Plunker consisting of two pages (index.html and about.html) that are loaded smoothly, with the help of jQuery’s fadeIn() and fadeOut() methods. $(document).ready(function() { var transEffect = Barba.BaseTransition.extend({ start: function() { this.newContainerLoading.then(val => this.fadeInNewcontent($(this.newContainer))); }, fadeInNewcontent: