WEB広告運用の困りごとが集まる場所 コミュニティ コミュニティ どの機種でも同じ位置にボタンが表示されるよう修正したい 返信先:どの機種でも同じ位置にボタンが表示されるよう修正したい

  • widgetマスター

    モデレータ
    2023年9月14日 17:59

    ▪️ lazyloadのコードをJavaScript Headに追記してください。

    【参考】

    「※要JavaScript」がついているWidgetの使い方

    【追記するコード】

    <script>
    ~
    _.setEnquete = function(el) {
    ~
    }
    //以下追記 -----
    _.lazyImgLoaded = function (object, callback) {
    object = Array.from(object).filter((img) => {
    return img.matches('.lazyload:not([data-ll-status])');
    });
    if (typeof LazyLoad === 'undefined' || !(object.length)) {
    if (!callback) return;
    callback();
    return;
    }
    let preload = 'lazypreload-';
    let n = 0;
    while (document.querySelector('.' + preload + n)) n++;
    Array.from(object, el => {
    el.classList.add(preload + n);
    el.classList.remove('lazyload');
    });
    lazyLoadInstance.update();
    const lazyPreloadInstance = new LazyLoad({
    elements_selector: '.' + preload + n,
    callback_loaded: function (element) {
    element.classList.remove(preload + n);
    },
    callback_finish: function () {
    if (!callback) return;
    callback();
    }
    });
    lazyPreloadInstance.loadAll();
    };
    //ここまで追記 ------

    //太字を追記(3,5行目)
    _.init = function() {
    Array.from(document.querySelectorAll(classes.target), el => {
          _.lazyImgLoaded(el.querySelectorAll("img"), function () { 追記
    _.setEnquete(el);
    });追記
    });

    ▪️なお、上記修正にともない、ボタンの位置がずれてしまうため、以下のWidgetのCSSを調整くださいませ。

    .txt-on span {
    width: 80%;
    top: 73%; こちらを既存の80%から調整ください
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    animation: puruY 1s forwards infinite;
    }

    参考画像:https://squadbeyond.gyazo.com/2ead25b0c84ebe19c31d6b71919a8ae0

    例えば73%に変更した場合、以下のように修正されます。

    プレビュー:https://sb-draft-preview.squadbeyond.com/articles/cvRMpfI-jgHIplyfCnhDsw/draft?token=6c062550dbd0b189c242ca6c922d2a00