Question

我正试图创建一页,列出项目,如果你点击其中一部分,你将基本看到图像。 (每个清单项目的形象不同)

图像将相当大,因此,我认为最好的办法是装上(黑轴!) 只有当项目被点名时(清单项目受到压力)(如我所见)。

如果你对菜单项目施压,旧内容就会瘫痪,新内容会滑坡。

List will be big (around 30 items).

www.un.org/Depts/DGACM/index_spanish.htm 我怎么能创造这样的东西?

请有人说明这样做的最佳方式?

“Action

Answer 1

我认为,你们需要:这样的东西[Data_URI_scheme]。

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot">

this way - youll have the picture in the document. but the page will load slower - but when it done loading - youll have all the pic already there.

另一种方式:pre Load 图像——例如:wont有delay问题。

情况应该如此大。 - 应优化网络展示的规模。

如果你想要你的灵感能够顺利,那么,你必须先把第一张形象摆在前面——但是,你是第一个形象的DONT KNOW! -

$.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img />", {style: display:none }).attr("src", arguments[i]);
  }
}

$.preloadImages("img2_thumb.jpg", "img1_thumb.jpg",
"img3_thumb.jpg");

Answer 2

var img = document.createElement( img )
img.scr =  http://... 
document.body.appendChild(img)

这将动态地装上图像

友情链接