0

イメージ ソースが URL 形式の特定のものと等しい場合、php または jquery を使用してイメージ タグに ID を追加するにはどうすればよいですか?

私はphpとjqueryに非常に慣れていないので、興味深い問題に遭遇し、ランジェリーショップ.ネットと呼ばれるウェブサイトを持っていて、サイトにライブチャットを追加しようとしていますが、チャットプラグインコンソールで選択したカスタムライブチャット画像が表示されています画像とページの横の間に 50px のスペース。コードは、チャット サービスを介して実行されるサーバー側のスクリプトから生成されるため、画像の位置を調整するために従来の方法で css クラスまたは ID を追加または削除することはできません。jqueryを使用して画像にクラスを追加する解決策が提案されました このjqueryコードを使用してcssをクラスに追加し、画像を50px移動

$("#imageID").addClass("classname");

しかし、クラスを追加しようとしているイメージ コードにはインライン #id がなく、一般的にワードプレスのイメージ ID に慣れていないので、firebug から取得したイメージ コードを次に示します。

<img style="white-space: nowrap; position: absolute; top: 0px; left: 0px;" src="http://lingeriesshop.net/redchatimage.png">

イメージ タグ src が設定値と等しい場合に if ステートメントを記述し、イメージ タグに ID を追加して後で ID を参照し、クラスを追加してその位置を調整することは可能ですか? 私はPHPの経験者ではないので、これが可能かどうか、またはどうすればよいかわかりません。画像を50px以上に移動しようとしています

4

4 に答える 4

1 
$('img[src="image.jpg"]').addClass('classname');

また

$('img[src*="image.jpg"]').addClass('classname'); // this will find every image src containing "image.jpg"
于 2013-09-13T21:39:48.167 に答える
0

img が div またはその他の要素でラップされている場合、クラスなしで CSS で参照できます。

htmlがこのようなものであれば...

<div id='chatwindow'>
  <div id='conversation'>
    ...
  </div>
  <div id='userinput'>
    <input type="text" />
  </div>
  <img style="white-space: nowrap; position: absolute; top: 0px; left: 0px;" src="http://lingeriesshop.net/redchatimage.png">
</div>

次に、CSS を使用して img を 50px 右に移動できます...

#chatwindow img {margin-left: -10px !important;}
于 2013-09-13T21:49:45.317 に答える