0

こんにちは私は少し問題があります。アフィリエイトバナーを読み込んでいますが、サイズ、幅、その他の出力を制御するJSファイルをサーバーでホストできません（パブリッシャーは許可していません）。

現在の構成

画像が入ったdivがあります：

<div>
<img src="someimage.jpg" id="img=" />
</div>

画像をクリックすると、このdivが300px幅に拡大し、180幅の調査担当者が記入して送信できます。

だからここに問題があります：

触れられないJSファイルには画像のスタイルがすべて含まれているので、自分のサイトに合った画像サイズに変更しようとしています。だから私は自分のhtmlファイル（JSが含まれている）にハードコーディングしました：#img {height：100px; width：100px;}これは正常に機能し、画像は100x100に縮小されましたが、問題は、調査が拡張されなくなり、100x100にも設定されたことです。

だから私はJSファイルをダウンロードせずに画像サイズを変更する良い方法を見つけるために創造的にしようとしています。だから私が考えている2つの解決策があります：

  1. JSを使用して、高さと幅を設定する関数を呼び出し、それを上書きします
  2. JSを使用してIDを呼び出し、HTMLで変更します。

あなたがより良い方法を持っているなら、私はすべての耳です:)

4

1 に答える 1

0

画像でクラスを使用できます（IDの変更はそれほどエレガントではありません）：

 .imgClass{height:100px; width:100px;}


<div>
    <img src="someimage.jpg" id="img" class="imgClass" />
</div>

画像の onclick イベントで、クラスを削除できます。

$("#img").bind("click",function(){
    $(this).removeClass('imgClass');
});

またはインライン

 <div>
    <img src="someimage.jpg" onclick="$(this).removeClass('imgClass');" id="img" class="imgClass" />
</div>
于 2012-10-26T10:41:59.700 に答える