如何设置jQuery创建内容的图像宽度

-1

我有麻烦设置自动使用jQuery创建的缩略图/图像的宽度。如何设置jQuery创建内容的图像宽度

这是jQuery的文件的代码：

   var span = document.createElement('span'); 
       a.appendChild(span); 
           var img = document.createElement('img'); 
       img.setAttribute('src',(entry.thumbnail ? entry.thumbnail.hqDefault : '')); 
       span.appendChild(img); 
       var em = document.createElement('em'); 
       span.appendChild(em);

你可以看到正在创建一个IMG，我可以在我的HTML与萤火虫看到过，像这样：

<a class="clip" style="cursor: pointer;"> 
<span> 
<img src="http://i.ytimg.com/vi/iN9a273LvaQ/hqdefault.jpg"> 
<em></em> 
</span> 
</a>

如何在不影响我网站上的所有其他图像的情况下分配此图像宽度？我可以在我的样式表中设置最大宽度，但这会改变我所有图像的大小，我不希望这样。我会很高兴，如果有人可以帮助我......

我看着在代码中的其他风格的元素，我发现这一点：

var iframe = document.createElement('iframe'); 
      iframe.setAttribute('id', cfg.block+'Player'); 
      iframe.setAttribute('type', 'text/html'); 
      iframe.setAttribute('width', cfg.width);

（...）

if(!this.cfg.width){ 
        this.cfg.width = 200; 
       }

我想它必须是这样的，但它不适用于我，当我试图做到这一点，删除cfg并将其替换为img。

来源

2012-10-05 user1717526

Ühm...你在想这个，怎么样，而不是在图书馆潜水，你告诉我们你在图书馆外面做什么，并告诉我们你打算实现什么 – SpYk3HH

哦，伙计，我不打算浪费我的时间在你身上。 – user1717526

好吧，通过这里显示的内容，无论是编辑一个不需要编辑的库，或者你没有使用jQuery。如果你使用的是jQuery，'var span = document.createElement（'span'）;'将会是'var span = $（“”）' – SpYk3HH

添加id属性来创建的图像

var img = document.createElement('img'); 
img.setAttribute('src',(entry.thumbnail ? entry.thumbnail.hqDefault : '')); 
img.setAttribute('id', 'myImage');

，并在您的样式

#myImage {width: 200px;}

来源

2012-10-05 19:48:30 Zefiryn

请注意，这只适用于页面上的一个这样的图像。 – Alnitak

我知道这很容易......非常感谢Zefiryn！ – user1717526

除外，那还不是jQuery – SpYk3HH

您可以只设置宽度直接在图像元素：

var img = new Image(); 
img.src = ...; 
img.width = 200;

注意在DOM元素上几乎从不需要使用setAttribute，只需设置所需的属性i nstead。

如果事实证明你不能修改你所引用的代码，但之后可以访问DOM，使用jQuery的：

$('a.clip > span > img').attr('width', 200);

这只会影响那些已经有创建的映像您原始片段。

来源

2012-10-05 19:51:28 Alnitak

小提琴支持：http://jsfiddle.net/AE3Qv/ – Laurence

如何设置jQuery创建内容的图像宽度

回答

相关问题