ここから本文です

https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q11187786416

アバター

ID非公開さん

2018/3/2011:34:21

https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q111877864...

上記で一旦質問し、進展があったので前回の質問は一度終了させていただきました。

が、また別の問題が出たため別途立ち上げました。

前回ベストアンサーのonefinefreedayさんより頂いたサイトを参考にいろいろ書き換えたところ、下記コードで作動してくれました。

ただ、このjsを読み込ませるとページの読み込みが終わらずずっとブラウザのぐるぐるマークがずっと出てしまいます。

function imgReplace() {
"use strict";
var images = document.querySelectorAll('td img[src$=".jpg"]');
for(var i=0; i < images.length; i++) {
if(images[i].getAttribute("src").match(".jpg"))
{
images[i].onload = function() {
this.setAttribute("src", this.getAttribute("src").replace(".jpg", ".png"));
};
}
}
}
imgReplace();

やりたいことは、

・CMS出力のページ内に上記が入った外部jsを読み込むことで、tdタグ内に入っている画像の拡張子やファイル名など、パスを一括置換するコードを作りたい。

です。一応作動はしてくれるのですが、先述の通り読み込みが終わらずずっと続いており、記述的になにかおかしいかと思われます。

また、もともと画像に_on、_offをつける古い記事を元に拙い知識で書き換えたため、いろいろ突っ込みどころもあるかと思います。

(参考にしたサイト:http://css-happylife.com/archives/2007/0621_0010.php

その他、記述として無駄があれば可読性がある範囲で添削なども頂けると幸いです。

ただ、置換条件は変更となる可能性もあるので、('td img[src$=".jpg"]') や replace(".jpg", ".png")などはみていじれる程度には可読性があると助かります。

この質問は、活躍中のチエリアン・専門家に回答をリクエストしました。

閲覧数:
60
回答数:
1
お礼:
50枚

違反報告

ベストアンサーに選ばれた回答

one********さん

編集あり2018/3/2012:22:48

CMSは、無知ですが、
ワードプレス置換で検索したら
以下のサイトが出てきました。
参考までに、どうぞ。
https://nori510.com/archives/10803

あと、モバイルタイプの場合は、機能として、検索置換ができます。

私はCMSには、興味ないので、お手上げです。ごめんなさい。

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる