Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   ниче не понимаю (https://javascript.ru/forum/jquery/39279-niche-ne-ponimayu.html)

aleks_lv 23.06.2013 19:46

ниче не понимаю
 
короче, заставляют писать с помощью jQuery(я его не знаю и если честно, и не хотел бы)
var cont= $("#in"), img=new Image();
      img.src="1.png";
     img.attr({'width':"20px",'height':"20px"}); 
   //................................разное

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

SkyLight 23.06.2013 20:01

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

aleks_lv 23.06.2013 20:08

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

Faab 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 23.06.2013 20:25

Цитата:

Сообщение от nasqad (Сообщение 258017)
Все дело в этой строке, не поддерживается кирилица

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

Deff 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 23.06.2013 20:35

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

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

bes 23.06.2013 20:47

Цитата:

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

её, поэтому не стесняйся познакомиться, если у тебя не в другую сторону развёрнут :)
и слушай, что nasqad говорит, комментарии это тебе не хухры-мухры

vadim5june 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 23.06.2013 20:51

Цитата:

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

:D
<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>


Часовой пояс GMT +3, время: 19:07.