2016-11-20 26 views
-1

即时通讯真的很新,但继承我的问题。我需要上传一张照片到我的网站(即时通讯使用aptana工作室3)。所以我保存我的图像为JPEG和使用代码: 现在它承认我上传的图片,但它不会加载。我必须转换图像还是以某种方式保存图像?如何将图像加载到网站上作为href?

+1

不知道,如何发布您正在使用的图像的代码,包括html css等 – mlegg

+0

如何将图片转换为该表单? – beginnerjake

回答

0

哦,哥们,一定要发布你有问题的代码。无论如何,使用什么文件扩展名并不重要(尽管.png可能是最适合网页的)。我假设这是硬编码的HTML,如果是这样的话,我会用一个简单的<img />元素来显示图片。确保图像保存在附近的目录中。

<div> 
    <div class="item"><img src="./example.png"/></div> 
</div> 

在上面的例子中,example.png位于同一文件夹作为我的index.html文件。我们使用属性src而不是href。属性规定当元素(例如,元素)被加载时要加载什么页面。单击一个<a>元素。如果您有CSS样式表,最好将图像作为background-image加载到<div>元素,以便更容易操作图像属性(如高度和宽度)。这方面的一个例子是:

<div> 
    <div class="item"/></div> 
</div> 

..和的CSS

.item { 
    background-image: url("boxes.png"); 
    width: 800px; 
    height: 600px; 
    background-size: contain; 
} 

在这里,我设置图像的高度和宽度,并告诉我的风格,我想整个形象是展示与background-size: contain;

我希望这会有所帮助。