jquery 加载完图片,获取大小
2011-11-08 22:35
435 查看
//图片插件
$(document).ready(function(){
//插件初始图片显示
var initialVal=$('input:radio[name="radiobutton"]:checked').val();
if(initialVal!=null){
var strs= new Array(); //定义一数组
strs=initialVal.split(","); //字符分割
$("#showPic").attr("src",strs[0])
$("#showPic").load(function() {
//全部图片加载完成时…..
$("#w").html($("#showPic").width());
$("#h").html($("#showPic").height());
});
}
//选择图片
$('.radioChange').change(function(){
var val=$('input:radio[name="radiobutton"]:checked').val();
if(val!=null){
var strs= new Array(); //定义一数组
strs=val.split(","); //字符分割
$("#showPic").attr("src",strs[0])
$("#showPic").load(function() {
//全部图片加载完成时…..
$("#w").html($("#showPic").width());
$("#h").html($("#showPic").height());
});
}
});
});
$(document).ready(function(){
//插件初始图片显示
var initialVal=$('input:radio[name="radiobutton"]:checked').val();
if(initialVal!=null){
var strs= new Array(); //定义一数组
strs=initialVal.split(","); //字符分割
$("#showPic").attr("src",strs[0])
$("#showPic").load(function() {
//全部图片加载完成时…..
$("#w").html($("#showPic").width());
$("#h").html($("#showPic").height());
});
}
//选择图片
$('.radioChange').change(function(){
var val=$('input:radio[name="radiobutton"]:checked').val();
if(val!=null){
var strs= new Array(); //定义一数组
strs=val.split(","); //字符分割
$("#showPic").attr("src",strs[0])
$("#showPic").load(function() {
//全部图片加载完成时…..
$("#w").html($("#showPic").width());
$("#h").html($("#showPic").height());
});
}
});
});
相关文章推荐
- JQuery加载图片自适应固定大小的DIV
- jQuery获取file控件中图片的宽高与大小
- JQ获取动态加载的图片大小的正确方法分享
- jquery中加载图片自适应大小主要实现代码
- Android:图片不加载到内存获取图片的大小
- 用jQuery在图片加载完成后改变图片大小
- JQuery加载图片自适应DIV大小
- jquery 页面加载时获取图片高度
- JQuery加载图片自适应固定大小的DIV
- javascript/jquery获取图片的原始大小
- ICON和CBitmap图片的加载及获取其大小
- jquery中加载图片自适应大小主要实现代码
- 基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
- 基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
- JQuery图片延迟加载插件,动态获取图片长宽尺寸
- img预加载获取图片大小方法
- js动态加载显示图片,获取大小
- jquery中加载图片自适应大小设置问题
- jQuery实现图片加载完成后改变图片大小的方法