WEB広告運用の困りごとが集まる場所 › コミュニティ › コミュニティ › どの機種でも同じ位置にボタンが表示されるよう修正したい › 返信先:どの機種でも同じ位置にボタンが表示されるよう修正したい
-
▪️ 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%に変更した場合、以下のように修正されます。