fade

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

风流意气都作罢 提交于 2019-12-03 06:39:27
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 position or the top of the browser window I want those pink boxes to fade back in again. I'm useless with JS so good do with some help on how to do this. All help appreciated. Very simple example: http://jsfiddle.net/a4FM9/2/ var divs = $('.social, .title'); $(window).scroll(function(){ if($(window).scrollTop() <10 ){ divs.stop(true,true).fadeIn("fast

iOS SDWebImage fade in new image

 ̄綄美尐妖づ 提交于 2019-12-03 03:56:55
问题 I've been using SDWebImage on my iPhone app to handle all of the image loading. I am using a placeholder image, and I want to crossfade or fade in the new image once it loads. I am using a success block to set the image, and it is working great. No matter what I try, the image will not fade in though. I've tried sending the animation code back to the main thread, but that didn't help either. It just loads instantly... No animation. Here is my code. Any thoughts? // load placeholder image

Swift - Fading cells in UITableView

不打扰是莪最后的温柔 提交于 2019-12-03 03:28:48
I'm having troubles with my UITableView in swift on Xcode 6 : I would like my UITableView cells to fade in / out when appearing / disappearing. I looked a lot on the web for fade animations but I didn't find what I wanted because it's based on duration animations. I Think what I need is sort of mask based on alpha ? I'm not sur and I don't even know have to create one... I have a UIViewController containing a tableView and some blank space (for now) upside and downside of the UITableView. Thank's for your help !! Best, Anatole animateWithDuration seems appropriate, since the fade in/out has a

Google Maps API V3 InfoBox using jQuery fadeIn and fadeOut

非 Y 不嫁゛ 提交于 2019-12-03 03:11:36
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 something also doesn't seem right. google.maps.event.addListener(marker, 'mouseover', function() { ib.setContent(html); ib.open(map, marker); ib.setValues({type: "point", id: 2}) var idName = marker.get("id"); //I was trying to the id's of the elements here var boxName = ib.get("id"); //to use in my jQuery jQuery(idName ).mouseover(function() { jQuery

CSS3 Fade Effect

匿名 (未验证) 提交于 2019-12-03 03:03:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: a { float: left; width: 32px; height: 32px; text-align: left; text-indent:-9999px; background: url('../img/button.png') no-repeat 0 0; -webkit-transition: background 300ms ease-in 2s; /* property duration timing-function delay */ -moz-transition: background 300ms ease-in 2s; -o-transition: background 300ms ease-in 2s; transition: background 300ms ease-in 2s; -webkit-transition-property: background; -webkit-transition-duration: 300ms; -webkit-transition-timing-function: ease-in; -webkit-transition-delay: 100ms; -moz-transition-property:

how to stop and reset slides.jquery.js

匿名 (未验证) 提交于 2019-12-03 03:03:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: EDIT 4 July: Still struggling with this issue. I'm sure all that's required is a function that stops the slideshow based on the class 'playing', but uncertain how to create that function. I'm using slides.js on a single-page site with multiple slideshows. I had initially initialised the script within the head using the following: <script> $(function(){ $(".slides").slides({ play: 3000, fadeSpeed: 800, effect: 'fade' }); </script> But I found that the multiple slideshows were behaving oddly, so I decided to have them play individually and

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

匿名 (未验证) 提交于 2019-12-03 02:52:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: 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 TargetUpdated RoutedEvent to trigger an animation to make the text fade away and then come back. But the fade happens after the text has already changed value on screen. <DataTemplate> <Border> <TextBlock Name="templateTextBlock" Text="{Binding Path=FirstName, NotifyOnTargetUpdated=True}" /> </Border>

How to animate setVisibility for an imagebutton on Android?

匿名 (未验证) 提交于 2019-12-03 02:50:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I have a layout that has a listview and imagebutton: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:paddingTop="4px" android:background="@color/bgColor"> <ImageButton android:id="@+id/imageButton" android:src="@drawable/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="0dp" android:layout_alignParentBottom=

How to fade in picture in ImageView loaded from url

匿名 (未验证) 提交于 2019-12-03 02:49:01
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 由 翻译 强力驱动 问题: I would like to apply a fade-in animation to an ImageView to create the effect that the image, which is loaded from a url, fades in when the download is completed. I know how to download an image from a url to an ImageView, like in this answer , and I know how to apply a fade-in animation to an imageView like here . This attempt Drawable d = ImageUtils . fetchDrawable ( "the url" ); imageView . setImageDrawable ( d ); imageView . startAnimation ( fadeInAnimation ); results in a blink effect (see, not see, fade in to see). Reversing

jQuery fade in/out div to a different div?

匿名 (未验证) 提交于 2019-12-03 02:49:01
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: Is it possible to have a div fade out, then fade in at the same place with a different div with different content when you click a link or button? It'd obviously use the .fadeIn() and .fadeOut() functions but I'm not sure what all the code would look like, especially with positioning, and the ability to do it twice on the same page. 回答1: If you're looking to fade out one </div> then fade in a different one: <div id="div1"></div> <div id="div2" style="display: none"></div> <div><a href="#" id="triggerButton">Swap Divs</a></div> $('