Javascript 警报时更改图像大小
我正在使用SweetAlert,要更改图标图像大小,请转到.css文件:Javascript 警报时更改图像大小,javascript,css,sweetalert,Javascript,Css,Sweetalert,我正在使用SweetAlert,要更改图标图像大小,请转到.css文件: .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; p
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
margin: 20px auto;
padding: 0;
position: relative;
box-sizing: content-box; }
我更改了这些值:
width: 80px;
height: 80px;
但我看不到变化
如果我删除.sa图标。并将其添加到my.tpl页面:
<img src="http://placehold.it/350x150" class="sweet-alert">
警报没有打开
我将此代码用于打开警报:
<script type="text/javascript"> sweetAlert({ title: "ADULT CONTENT", text: "ARE YOU OVER 18?", imageUrl: "dist/image.png", showCancelButton: true, cancelButtonText: "No", confirmButtonColor: "#ff0000", confirmButtonText: "Yes, I'am Over 18", closeOnConfirm: true }, function(isConfirm){ if (isConfirm) { } else { window.location.href = 'http://'; } }); </script>
sweetAlert({title:“成人内容”,text:“YOU OVER 18?”,imageUrl:“dist/image.png”,showCancelButton:true,cancelButtonText:“No”,confirButtonColor:#ff0000,confirButtonText:“Yes,I'OVER 18”,closeOnConfirm:true},函数(isConfirm){if(isConfirm){}else{window.location.href='http://';});
唯一的问题是我的图像的大小。我不能改变它。建议?要调整图像大小,必须使用警报的
imageSize
属性,并将其设置为所需大小。注意将高度
和宽度
作为两个值传递,两个值之间用一个的“x”
像这样更新你的JS
$(function(){
sweetAlert({
title: "ADULT CONTENT",
text: "ARE YOU OVER 18?",
imageUrl: "http://placehold.it/350x150",
imageSize: '180x180', // add your dynamic height and width here
showCancelButton: true,
cancelButtonText: "No",
confirmButtonColor: "#ff0000",
confirmButtonText: "Yes, I'am Over 18",
closeOnConfirm: true
}, function(isConfirm) {
if (isConfirm) {} else {
window.location.href = 'http://';
}
});
});
警报在哪里,javascript在哪里?我在第一条消息中添加了:您正在使用一些插件吗?不,只有SweetAlert。为什么要在图像中添加
sweet alert
类?