2015-07-20 39 views
0

这对于某人来说很简单,但我几乎甚至不是JavaScript的初学者; (我试过谷歌搜索这个) 我试图从http://responsiveimg.com/工作得到响应图。下面的代码总是会在桌面和手机浏览器中加载全尺寸的7.8 MB测试图像。我没有看到新创建的小图像,正如我在文件夹中预期的那样。无法获得响应图像jQuery插件工作

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 

<script src="js/responsiveImg.js"></script> 

<script type="text/javascript"> 
{ 
    $("#img1").responsiveImg(); 
} 
</script> 

<title>Test Document</title> 
</head> 

<body> 
<h1>Test of responsive images program. #6</h1> 

    <div style="width:100%;"> 
     <img id="img1" src="IMG_0176.jpg" style="max-width:100%;" alt="BIG IMAGE"> 
    </div> 

</body> 
</html> 

中的test.html文件,图像和文件夹的JS都在同一个目录中,子目录我/的public_html/
我怀疑我不是进入$(“#IMG1”)。 responsiveImg();正确。

+0

检查控制台错误。你的'