{"id":1282,"date":"2026-08-10T05:00:00","date_gmt":"2026-08-10T03:00:00","guid":{"rendered":"https:\/\/iconoclaste.net\/blog\/?p=1282"},"modified":"2026-08-10T17:57:40","modified_gmt":"2026-08-10T15:57:40","slug":"juste-un-petit-coup-doeil","status":"publish","type":"post","link":"https:\/\/iconoclaste.net\/blog\/2026\/08\/10\/juste-un-petit-coup-doeil\/","title":{"rendered":"Juste un petit coup d&rsquo;oeil&#8230;"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n#container {\n    text-align: center;\n    margin-top: 50px; \/* Ajustez selon vos besoins *\/\n}\n\n#image-container {\n    display: inline-block;\n    border: 1px solid black;\n    padding: 10px;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\njQuery(document).ready(function($) {\n    \/\/ Variables pour stocker les images\n    var images = [\n        'https:\/\/iconoclaste.net\/blog\/wp-content\/uploads\/2026\/08\/coupdoeil_01.webp',\n        'https:\/\/iconoclaste.net\/blog\/wp-content\/uploads\/2026\/08\/coupdoeil_02.webp',\n        'https:\/\/iconoclaste.net\/blog\/wp-content\/uploads\/2026\/08\/coupdoeil_03.webp',\n        'https:\/\/iconoclaste.net\/blog\/wp-content\/uploads\/2026\/08\/coupdoeil_04.webp',\n        'https:\/\/iconoclaste.net\/blog\/wp-content\/uploads\/2026\/08\/coupdoeil_05.webp',\n        'https:\/\/iconoclaste.net\/blog\/wp-content\/uploads\/2026\/08\/coupdoeil_06.webp',\n        'https:\/\/iconoclaste.net\/blog\/wp-content\/uploads\/2026\/08\/coupdoeil_07.webp',\n        'https:\/\/iconoclaste.net\/blog\/wp-content\/uploads\/2026\/08\/coupdoeil_08.webp',\n        'https:\/\/iconoclaste.net\/blog\/wp-content\/uploads\/2026\/08\/coupdoeil_09.webp',\n        'https:\/\/iconoclaste.net\/blog\/wp-content\/uploads\/2026\/08\/coupdoeil_10.webp'\n    ];\n\n    \/\/ Variable pour stocker l'index de l'image actuelle\n    var currentIndex = 0;\n\n    \/\/ Fonction pour afficher une image\n    function displayImage(index) {\n        $('#a1').attr('src', images[index]);\n    }\n\n    \/\/ Clic sur l'image\n    $('#a1').click(function() {\n        \/\/ Si l'image actuelle n'est pas le premier \u00e9l\u00e9ment, passer \u00e0 l'\u00e9l\u00e9ment suivant\n        if (currentIndex < images.length - 1) {\n            currentIndex++;\n        } else {\n            \/\/ Sinon, passer en arri\u00e8re dans la s\u00e9quence\n            currentIndex--;\n        }\n\n        displayImage(currentIndex);\n    });\n\n    \/\/ Afficher l'image initiale\n    displayImage(currentIndex);\n});\n<\/script>\n\n<div id=\"iconoclaste-coupdoeil\">\n  <img fetchpriority=\"high\" id=\"coupdoeil-img\" src=\"https:\/\/iconoclaste.net\/blog\/wp-content\/uploads\/2026\/08\/coupdoeil_01.webp\" width=\"640\" height=\"1080\" loading=\"eager\" decoding=\"async\">\n<\/div>\n\n<style>\n  #iconoclaste-coupdoeil {\n    position: relative;\n    max-width: 640px;\n    margin: 0 auto 1.5em;\n    line-height: 0;\n    background: #000 !important;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    user-select: none;\n    -webkit-user-select: none;\n    text-align: center;\n  }\n\n  #iconoclaste-coupdoeil img {\n    display: block;\n    width: 100%;\n    max-width: 640px;\n    height: auto;\n    margin: 0 auto;\n    pointer-events: none;\n    background: #000;\n    border: 1px solid #3e2723;\n    box-sizing: border-box;\n  }\n\n  #iconoclaste-coupdoeil.playing {\n    cursor: default;\n  }\n<\/style>\n\n<script>\n(function () {\n  \"use strict\";\n\n  if (window.__iconoclasteCoupdoeilInit) return;\n  window.__iconoclasteCoupdoeilInit = true;\n\n  const BASE  = \"https:\/\/iconoclaste.net\/blog\/wp-content\/uploads\/2026\/08\/coupdoeil_\";\n  const TOTAL = 10;\n  const SPEED = 55;\n\n  const frames = [];\n  for (let i = 1; i <= TOTAL; i++) {\n    frames.push(BASE + (i < 10 ? \"0\" : \"\") + i + \".webp\");\n  }\n\n  function init() {\n    const container = document.getElementById(\"iconoclaste-coupdoeil\");\n    const img       = document.getElementById(\"coupdoeil-img\");\n    if (!container || !img) return;\n\n    frames.forEach(function (src) {\n      const preload = new Image();\n      preload.src = src;\n    });\n\n    let animating = false;\n    let timer     = null;\n\n    function play() {\n      if (animating) return;\n      animating = true;\n      container.classList.add(\"playing\");\n\n      const sequence = [];\n      for (let i = 1; i < TOTAL; i++) sequence.push(i);\n      for (let i = TOTAL - 2; i >= 0; i--) sequence.push(i);\n\n      let step = 0;\n      if (timer) clearInterval(timer);\n\n      timer = setInterval(function () {\n        if (step >= sequence.length) {\n          clearInterval(timer);\n          timer = null;\n          animating = false;\n          container.classList.remove(\"playing\");\n          return;\n        }\n        img.src = frames[sequence[step]];\n        step++;\n      }, SPEED);\n    }\n\n    container.addEventListener(\"click\", play);\n    container.addEventListener(\"touchend\", function (e) {\n      e.preventDefault();\n      play();\n    }, { passive: false });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", init);\n  } else {\n    init();\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[269,31],"tags":[81,101,299,107],"class_list":["post-1282","post","type-post","status-publish","format-standard","hentry","category-experiences","category-fuzzout","tag-fuzzout","tag-girl","tag-javascriptcss","tag-nude"],"_links":{"self":[{"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/posts\/1282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/comments?post=1282"}],"version-history":[{"count":15,"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/posts\/1282\/revisions"}],"predecessor-version":[{"id":1312,"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/posts\/1282\/revisions\/1312"}],"wp:attachment":[{"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/media?parent=1282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/categories?post=1282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iconoclaste.net\/blog\/wp-json\/wp\/v2\/tags?post=1282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}