如何設置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創建內容的圖像寬度

回答

相關問題