Tap Toggle Background__iPhone

タップ/クリックで背景画像を切り替える(iPad対応)

Você precisará instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Você precisará instalar uma extensão como o Tampermonkey para instalar este script.

Você precisará instalar um gerenciador de scripts de usuário para instalar este script.

(Eu já tenho um gerenciador de scripts de usuário, me deixe instalá-lo!)

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

(Eu já possuo um gerenciador de estilos de usuário, me deixar fazer a instalação!)

// ==UserScript==
// @name         Tap Toggle Background__iPhone
// @namespace    http://tampermonkey.net/
// @version      1.2
// @description  タップ/クリックで背景画像を切り替える(iPad対応)
// @author       YourName
// @match        *://*/*
// @grant        none
// @license    MIT
// ==/UserScript==
 
(function() {
    'use strict';
 
    const urls = [
        'https://videotourl.com/images/1776680918510-1b4ea7a8-aace-4bb6-8e2c-ca526154f5a1.jpeg'
    ];
    let current = 0;
 
    // 既存の背景があれば削除
    var existing = document.getElementById('custom-bg');
    if(existing){ existing.remove(); }
 
    // 背景用 div 作成
    var bg = document.createElement('div');
    bg.id = 'custom-bg';
    bg.style.position = 'fixed';
    bg.style.top = '0';
    bg.style.left = '0';
    bg.style.width = '100vw';
    bg.style.height = '100vh';
    bg.style.zIndex = '-1';
    bg.style.backgroundImage = `url('${urls[current]}')`;
    bg.style.backgroundSize = 'cover';
    bg.style.backgroundRepeat = 'no-repeat';
    bg.style.backgroundPosition = 'center center';
 
    document.body.appendChild(bg);
 
    // タップ/クリックで切り替え
    function toggleBackground() {
        current = (current + 1) % urls.length;
        bg.style.backgroundImage = `url('${urls[current]}')`;
    }
 
    bg.addEventListener('click', toggleBackground);
    bg.addEventListener('touchstart', toggleBackground); // iPad/タッチ対応
})();