弹窗图片

@property (strong, nonatomic) UIView *contentView;
@property (strong, nonatomic) UIButton *popBtn;

-(void)setn{
self.view.backgroundColor = [UIColor whiteColor];

_contentView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 200, 300)];
_contentView.backgroundColor = [UIColor clearColor];
_popBtn = [UIButton buttonWithType:UIButtonTypeCustom];
_popBtn.frame = CGRectMake(0, 250, 200, 50);
_popBtn.backgroundColor = [UIColor greenColor];
[_popBtn addTarget:self action:@selector(closeAndBack) forControlEvents:UIControlEventTouchUpInside];


UIImageView *imageV = [[UIImageView alloc]initWithFrame:_contentView.bounds];
imageV.image = [UIImage imageNamed:@"jei"];
[_contentView addSubview:imageV];
//    看看pop效果把下面这一句加上
//     [_contentView addSubview:_popBtn];

[HWPopTool sharedInstance].shadeBackgroundType = ShadeBackgroundTypeSolid;
[HWPopTool sharedInstance].closeButtonType = ButtonPositionTypeRight;
[[HWPopTool sharedInstance] showWithPresentView:_contentView animated:YES];

}

  • (void)closeAndBack {
    [[HWPopTool sharedInstance] closeWithBlcok:^{
    [self.navigationController popViewControllerAnimated:YES];

    }];
    }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在网页上打出弹窗图片,可以使用JavaScript中的`alert()`函数或者自定义的模态框,然后在其中插入图片元素即可。 以下是使用JavaScript `alert()`函数弹出图片的示例代码: ```html <!DOCTYPE html> <html> <head> <title>弹窗图片示例</title> </head> <body> <script> alert('这是一张图片:'); alert(document.createElement('img').src = 'https://picsum.photos/200'); </script> </body> </html> ``` 这段代码会在页面加载时弹出两个弹窗,第一个弹窗提示“这是一张图片:”,第二个弹窗则展示了一张200x200的随机图片。 如果要使用自定义的模态框来展示图片,可以借助一些CSS和JavaScript库来实现,例如Bootstrap和jQuery等。以下是一个使用Bootstrap和jQuery的示例代码: ```html <!DOCTYPE html> <html> <head> <title>弹窗图片示例</title> <!-- 引入Bootstrap和jQuery库 --> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script> </head> <body> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal"> 展示图片 </button> <!-- 模态框 --> <div class="modal fade" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <!-- 模态框头部 --> <div class="modal-header"> <h4 class="modal-title">这是一张图片:</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <!-- 模态框主体 --> <div class="modal-body"> <img src="https://picsum.photos/200"> </div> <!-- 模态框底部 --> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button> </div> </div> </div> </div> </body> </html> ``` 这段代码会在页面上展示一个按钮,点击按钮后会弹出一个模态框,其中展示了一张200x200的随机图片
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值