如何利用css设置俩个图片，一个是大图片，另一个是小图片

Posted 2023-04-16

小图片在大图片上能显示，并且小图片在大图片上的位置可以自由设定

最自由定位的莫过于position:relative; position:absolute; 了
<style type="text/css">
.big_bg position:relative; width:500px; height:300px; margin:0 auto; background:url(bg.jpg);
.small_img1 position:absolute; top:10px; left:10px;
.small_img2 position:absolute; top:50px; left:50px;
.small_img3 position:absolute; top:100px; left:100px;
</style>
<div class="big_bg">
<a class="small_img1" href="#" target="_blank"><img src="img1.jpg" border="0" />1</a>
<a class="small_img2" href="#" target="_blank"><img src="img1.jpg" border="0" />2</a>
<a class="small_img3" href="#" target="_blank"><img src="img1.jpg" border="0" />3</a>
</div> 参考技术A <div style="background:url(big.jpg);width:400px;height:300px;margin:0 auto;">
<div style="margin-top:20px;margin-left:100px;"><img src="small.jpg"></div>
</div>

通过 margin-top 和 margin-left 的值来 改变 小图 在大图上的显示位置。你试下。 参考技术B 用JS作控制，当鼠标放到某个图上的时候，显示出另外一个图

如何根据另一个文件的下载进度淡入 UIImage

【中文标题】如何根据另一个文件的下载进度淡入 UIImage

【英文标题】：How to fade in UIImage according to download progress of another file

【发布时间】：2015-11-05 18:35:07

【问题描述】：

我有一个UIImageView，我在里面设置了一个占位符图片，然后我想在最后逐步设置真实的图片，但是这个改变应该是根据下载另一个文件的进度。 （不是图片）

当文件为 10% 时，图像淡入 10%，然后淡入 20，直到 100% 与之前的图像交换。

我见过使用 CATransition 的代码，但我不知道在这种情况下如何使用它。

您可能需要检查此答案。 Transition from image to another

【问题讨论】：

您是否尝试根据下载百分比更改 alpha 值？你是怎么计算下载百分比的？

如果是以字节的形式下载图片，需要根据你的dwonload百分比顺序将bit转换成图片，然后将图片加载到imagview中

哦，你误会了。我正在下载另一个大文件，我有它的图像。我想淡入显示下载进度的图像。谢谢，我将尝试逐步设置 alpha。

【参考方案1】：

试试这样的：

在这里，我使用 NSTimer 每秒减少 alpha 值。您可以稍后将其替换为您自己的计时器，该计时器会随着下载进度而延迟。

-(void)viewDidAppear:(BOOL)animated

    [super viewDidAppear:animated];

    _count=1;  //downalod count

    NSTimer* timer = [NSTimer scheduledTimerWithTimeInterval:1.0
                                                      target:self
                                                    selector:@selector(handleTimer:)
                                                    userInfo:@"someString" repeats:YES];



- (void)handleTimer:(NSTimer*)theTimer 
     NSLog (@"Got the string: %@", (NSString*)[theTimer userInfo]);
    [self changeAlpha:_count];
    _count=_count-0.1;



-(void)changeAlpha:(float) num
            _imgView.alpha=num;

【讨论】：

好的。我去看看。