2010-12-17 1 views
0

サイズ変更可能な要素(この場合は1つの画像)を再生しようとしています。 それは機能しますが、私は新しい次元の元の幅と高さを置き換えることができません。何が間違っていますか?文字列内のattrの幅と高さを置き換えます。

var codigo = '<div style="text-align: left;"><img src="../pics/bom.jpg" id="bom.jpg" title="" alt="" style="border: 1px solid;" height="167px" width="167px"></div>'; 
// 

if(pic = $(codigo).find('img').attr('id', que_pic)) { 
    alert(largura_final_imagem+" "+altura_final_imagem); // 400px 
    alert($(pic).attr('width')+" "+$(pic).attr('height')); // 400px 

    if($(pic).removeAttr('width')) { 
     $(pic).attr('width', largura_final_imagem); 
     if($(pic).removeAttr('height')) { 
      $(pic).attr('height', altura_final_imagem); 
     } 
    } else { 
     alert("Error resizing your image!"); 
    } 
    alert($(pic).attr('width')); // 0 
    alert($(pic).attr('height')); // 0 
    novo_html = codigo; 
    alert(novo_html); // same string without changes 
    } 

おかげget/setの高さ/幅の使用heightwidth関数について

Pluda

+0

が最も有用な答えを受け入れることを忘れてはいけないことがわかります。 –

答えて

0

私はそれが(http://jsfiddle.net/ahwv6/1/でも利用可能)を動作させるためにあなたのコードを修正しました。私はいくつかの変数を追加しなければなりませんでした。

var codigo = '<div style="text-align: left;"><img src="../pics/bom.jpg" id="bom.jpg" title="" alt="" style="border: 1px solid;" height="167px" width="167px"></div>'; 
// 
var largura_final_imagem = 100; 
var altura_final_imagem= 100; 
var $codigo = $(codigo); 
var $pic = $codigo.find('img'); 


alert(largura_final_imagem+" "+altura_final_imagem); 
alert($pic.attr('width')+" "+$pic.attr('height')); 

$pic.attr('width', largura_final_imagem); 
$pic.attr('height', altura_final_imagem); 

alert($pic.attr('width')); 
alert($pic.attr('height')); 
var novo_html = $codigo.html(); 
alert(novo_html); // same string without changes 

多くの小切手は不必要なので、削除しました。

これが役に立ちます。

+0

こんにちは、助けをありがとう – Pluda

+0

これはこれがうまくいきます。 – Pluda

+0

novo_html = $ codigo.replace($ pic.attr( 'width')、largura_final_imagem); novo_html = novo_html.replace($ pic.attr( 'height')、altura_final_imagem); – Pluda

2

。例えば

var picHeight = $(pic).height(); // get height 
$(pic).height(500); // set height 
0

あなたが最後にこの

`VAR txt_codigo =のdocument.createElement( 'TEXTAREA')を追加した場合、それは

:-)作品MOR以下; txt_codigo.id = 'txt_codigo'; $(txt_codigo).css( '幅'、 '100%'); $(txt_codigo).css( 'height'、 '200px'); $(txt_codigo).val(novo_html); $( "body")。prepend(txt_codigo);

` あなたは今、文字列のdivのコンテナがなくなって...

おかげで再び

Pluda

+1

ようこそstackoverflowへ。ここでのコンベンションは、新しい回答を投稿するのではなく、元の回答を編集することです。また、投稿の書式を正しく設定するのに少し時間をかけてください。 –

+0

申し訳ありませんが、私は本当にそれを正しく投稿しようとします、それは私の興味のためですね。 :-) – Pluda

関連する問題