Форум

aleks_lv · #1 (**permalink**) 23.06.2013, 19:46

короче, заставляют писать с помощью jQuery(я его не знаю и если честно, и не хотел бы)

var cont= $("#in"), img=new Image();
      img.src="1.png";
     img.attr({'width':"20px",'height':"20px"}); 
   //................................разное

почему добавление атрибутов не работает

SkyLight · #2 (**permalink**) 23.06.2013, 20:01

Потому, что img.attr - это конструкция jQuery, а объект в переменной img у вас объектом jQuery не является.

aleks_lv · #3 (**permalink**) 23.06.2013, 20:08

конструкция jQuery
это тогда так создавать var img= $("<img>")

Faab · #4 (**permalink**) 23.06.2013, 20:18

Обратись к созданной переменнной

var testId = $('#testImg'), img = new Image();
testId.attr({"src": "http://lorempixel.com/400/200/sports/3/"});
testId.attr({'width':"200px",'height':"200px"});

Но вряд ли это правильно, потому что это работает только если #testImg является id у <img>.

aleks_lv · #5 (**permalink**) 23.06.2013, 20:25

Сообщение от nasqad

Все дело в этой строке, не поддерживается кирилица

да это не причем!!!!!!!!!!это же коментарий

Deff · #6 (**permalink**) 23.06.2013, 20:26

var cont= $("#in"), img1=new Image();
      img1.src="1.png";
     img = $(img1); // переводим в объект объект jQuery
     img.css({'width':'20px','height':'20px'}); 
   //................................разное

или

var cont= $("#in"), img1=new Image();
      img1.src="1.png";
     img1.width=20;
     img1.height=20; 
   //................................разное

или

var cont= $("#in"), img1=new Image();
      img1.src="1.png";
     img = $(img1); // переводим в объект объект jQuery
     img.attr('width','20').attr('height','20'); 
   //................................разное

Cуть в том - что либо переводите объект JS в объект jQuery и работаете методами jQuery

Либо оставляете объект JS и работаете с ним методами JS

Либо создаете элемент сразу в jQuery

var cont= $("#in"), img=$('<img/>');
      img.attr('src','1.png');
     img.attr('width','20').attr('height','20'); 
     /*Или как css свойства*/
     //img.css({'width':'20px','height':'20px'});
   //................................разное

aleks_lv · #7 (**permalink**) 23.06.2013, 20:35

var img =$("<img>"),cont=$("#"+options.id);   
	 img.attr({'src':src[type]});
	 cont.append(img)

вот так работает и все

bes · #8 (**permalink**) 23.06.2013, 20:47

Сообщение от aleks_lv

короче, заставляют писать с помощью jQuery(я его не знаю и если честно, и не хотел бы)

её, поэтому не стесняйся познакомиться, если у тебя не в другую сторону развёрнут

и слушай, что nasqad говорит, комментарии это тебе не хухры-мухры

vadim5june · #9 (**permalink**) 23.06.2013, 20:51

<!DOCTYPE html>
<meta charset="utf-8">
<title>QQ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" 
type="text/javascript"></script>
<script>
$(function(){
var img=new Image();
img.src="http://cdn.shopify.com/s/files/1/0154/2777/products/handlebars-shirt-front_medium.png?122";
img.onload=function(){$(img).attr({width:50,height:50});};     
$(document.body).append($(img));
});</script>

Deff · #10 (**permalink**) 23.06.2013, 20:51

Сообщение от bes

и слушай, что nasqad говорит, комментарии это тебе не хухры-мухры

<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
<script>
var cont= $("#in"), img1=new Image();
      img1.src="1.png";
     img = $(img1); // переводим в объект объект jQuery
     img.css({'width':'20px','height':'20px'}); 
   //................................разное
alert(img.wrap('<p><p/>').parent().html())
</script>

Форум

Справочник

Discord чат

Курсы javascript