标签: fadein

我div想要淡出,更新其内容,然后淡入.到目前为止,我尝试过:

$('#myDivID').fadeOut('slow', function() {
    $('#myDivID').replaceWith("<div id='myDivID'>" + content + "</div>");
    $('#myDivID').fadeIn('slow');
});

发生的事情是淡出完成并调用匿名回调.到现在为止还挺好.

的div的内容被正确地更换,但fadeIn()效果是立竿见影的-不平滑过渡,只是一个快速,活泼跳跃的更新div.

有没有更好的方法来实现这一目标？谢谢你的建议.

原始问题...更新下面的工作代码:

我有一个加载图像,在ajax加载事件期间出现.通过向body元素添加或删除"loading"类来显示/隐藏图像.目前,加载图像将背景大小设置为0到100%,并且不透明度渐变(反之亦然,"返回"转换).

但是,我想要实现的是在淡出时立即进行背景大小转换(而不是转换),因此:

• 淡入:不透明度从0到1 in .2s,背景大小从0到100%in .2s

• 淡出:在.2s内从1到0的不透明度,从100%到0的背景大小应立即发生

  #loader {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: -1;
      opacity: 0;
      -moz-opacity: 0;
      transition: all .2s ease-in-out
  }
  
  
  #loader .image {
      width: 400px;
      height: 138px;
      display: block;
      position: absolute;
      z-index: 2000; 
      top: 50%; 
      left: 50%; 
      margin: 0;
      background: url(assets/images/loading.png) no-repeat;
      background-size: 0 0;
      transition: all .2s ease-in-out;
      -webkit-animation: pulse 400ms ease-out infinite alternate;
      -moz-animation: pulse 400ms ease-out infinite alternate;
      -o-animation: pulse 400ms ease-out infinite alternate;
      animation: …

  Run Code Online (Sandbox Code Playgroud)

我试图让Twitter Bootstrap上的标准导航栏下拉菜单淡入而不是只显示.我已经尝试添加类fade,in但它似乎并没有消失.这是我的小提琴http://jsfiddle.net/byronyasgur/5zr4r/10/.

我尝试过另一种方式 - 例如关于这个问题的答案,但由于某些原因我无法使用jquery来定位下拉触发器.

任何想法如何在图像加载时播放动画淡入淡出？现在它只是闪烁到位.我正在使用Volley工具包中的NetworkImageView.

另外,有没有办法在不使用ImageLoader.get(..)的情况下在网络图像视图上设置加载和错误位图？

谢谢!

//编辑:好的,多亏你们所有人,但是如果我们想成为完美主义者,我们应该只在从磁盘缓存加载时动画,覆盖setImageBitmap即使从 memcache中拉出也会使动画关闭

你想要做的是shouldAnimate像这样向ImageListener.onResponse 添加一个布尔值

public static ImageListener getImageListener(final ImageView view, final int defaultImageResId,
        final int errorImageResId) {
    return new ImageListener() {
        @Override
        public void onErrorResponse(VolleyError error) {
            if (errorImageResId != 0) {
                view.setImageResource(errorImageResId);
            }
        }

        @Override
        public void onResponse(ImageContainer response, boolean isImmediate, boolean shouldAnimate) {
            if (response.getBitmap() != null) {
                if (shouldAnimate) {
                    // ADDED
                    view.setAlpha(0f);
                    view.setImageBitmap(response.getBitmap());
                    view.animate().alpha(1f).setDuration(1000);
                    // END ADDED
                } else {
                    view.setImageBitmap(response.getBitmap());
                }
            } else if (defaultImageResId != …

我试图淡化表格行的背景颜色,并且无法使其正确.点击按钮时会发生淡入.

我尝试过类似的东西:

$("#row_2").fadeIn('slow').css('background', 'gold')

虽然这会将颜色应用于表格行,但它不会淡入,但会立即应用它.

我确信这是一件简单的事情,但我无法找到答案.我在这个网站上看了一遍,但是对于这个特定的东西仍然没有运气.

提前致谢

我正在尝试设置一些代码,以便我首先隐藏它,但在页面加载后淡入.

我有以下HTML代码:

<div class="hidden">
<p>This is some text.</p>
</div>

然后我也有这个CSS代码,它隐藏了<div>.

div.hidden
{
    display: none
}

最后,我有我的jQuery:

$(document).ready(function() {
    $('div').fadeOut(1);
    $('div').removeClass('hidden');
    $('div').fadeIn(1000);
});

我希望会发生的是第一个.fadeOut()会淡出,removeClass会阻止CSS隐藏它,最终的.fadeIn()会将它淡化回页面.不幸的是,这不起作用.

你可以在这里查看代码:小提琴

那么有人可以告诉我如何在<div>页面加载之前保持隐藏,然后使用jQuery淡化它？

谢谢!

我一直在我的iOS应用程序上使用SDWebImage(ver3.0),一旦它加载像Path2.0,Pinterest和Viddy,我想淡入uitableviewcell的新图像.感谢iOS SDWebImage淡入新图像,淡入淡出 - 本身就是在工作.但是,滚动tableview时,单元格中的图像会再次加载.这可能是由细胞的重复使用引起的.

这是我的代码.

[cell.userImageView setImageWithURL:url
                   placeholderImage:placeholderImage
                          completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType) {
                              if (!error) {
                                  cell.userImageView.alpha = 0.0;
                                  [UIView transitionWithView:cell.userImageView
                                                    duration:1.0
                                                     options:UIViewAnimationOptionTransitionCrossDissolve
                                                  animations:^{
                                                      [cell.userImageView setImage:image];
                                                      cell.userImageView.alpha = 1.0;
                                                  } completion:NULL];
                              }
                          }];

我想在两个UIButton图像之间淡入淡出,以便在UITableView中设置收藏夹.

目前转换没有效果 - 它只是在点击/触摸时直接更改图像:

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];

我发现的一切都是UIViews之间的过渡:(

如果图像fav_off平滑地变成fav_on而另一种方式像fadein/fadeout那样圆形会很好.

嗨朋友,当我点击另一个div时,我想淡入div,为此我使用下面的代码. 代码1工作正常,但我需要用代码2.

我知道有jQuery,但我需要在JavaScript中执行此操作

你能指导我,我正在做什么样的错误,或者我需要改变什么......

Code1 ---工作正常

function starter() { fin(); }

function fin()
{
    for (i = 0; i <= 1; i += 0.01)
    {
        i=Math.round(i*100)/100;
        setTimeout("seto(" + i + ")", i * 1000);
    }
}

function seto(opa)
{
    var ele = document.getElementById("div1");
    ele.style.opacity = opa;
}

Code2 ---不起作用

function starter()
{
    var ele = document.getElementById("div1");
    fin(ele);
}
function fin(ele)
{
    for (i = 0; i <= 1; i += 0.01)
    {
        i=Math.round(i*100)/100;
        setTimeout("seto(" + ele + …

我希望制作一个标签淡入viewDidLoad(),然后在计时器淡出3之后.我不熟悉这些fadein或fadeout功能.

我该怎么做呢？