1

Web サイトで Contact Form 7 プラグインを使用しています。このプラグインには、すべてのページのフッターに連絡フォームがあり、専用の連絡先ページのメイン領域にも連絡フォームがあります。

CF7でajaxローダーgifをカスタマイズする方法を知っています...

function my_wpcf7_ajax_loader () { return get_stylesheet_directory_uri() . '/images/my-loader-image.gif'; } add_filter('wpcf7_ajax_loader', 'my_wpcf7_ajax_loader');

...しかし、私の問題は、2 つの異なるローダー イメージを指定する必要があることです。1 つはフッター フォーム用で、もう 1 つは連絡先ページ フォーム用です。(これは、1 つのフォームが白い背景に、もう 1 つのフォームが赤い背景にあるためです。さまざまなローダー gifを試してみましたが、両方に適したローダー gif を作成することはできないと思います。)

4

4 に答える 4

0

読み込み中の画像は属性を持つimg要素なsrcので、css メソッドは役に立ちません。JavaScript を使用してタグの属性
を変更する必要があり、contact 7 フォーム プラグインのコア js を変更せずに (将来のプラグインのアップグレードを可能にするために)、ブルートフォース メソッドでこの変更を適用する次の JavaScript ソリューションを用意しました。srcimg

(function($) {
    setInterval(function() {
        if(typeof $.fn.wpcf7InitForm != "undefined") {
            //Contact Form 7 is loaded and initialized
            $loaderImage = $("#wpcf7-f52-o2 img.ajax-loader"); // modify your selector accordingly
            if(!$loaderImage.data("pathChanged")) {
                $loaderImage.attr("src", "ALTERNATIVE_IMAGE_PATH");
                $loaderImage.data("pathChanged", true);
            }
        }
    }, 2000);
})(jQuery);

最善の方法ではないかもしれませんが、役立つかどうかを確認してください。

于 2015-04-10T05:44:05.573 に答える