JavaScript is currently disabled.Please enable it for a better experience of Jumi. Artificiell Intelligens ALLA TAGGAR
Guidelines for contributing Technical Papers: download PDF

Artificiell Intelligens ALLA TAGGAR

Analoga neuroner ännu effektivare 2021–06–08
Rekord: Förlamad skriver med tanken 2021–06–08
Bergendahls testar förarlös mattransport 2021–06–04
ÖVERSIKT: Aktuella självkörningsdatorer 2021–05–25
Därför hamnade hans supersensor i Sverige 2021–05–21
ST köper Edge AI-kompetens 2021–05–19
Rise växer inom tillämpad AI 2021–05–06
Maskin­inlärning sprider sig till alla slags kretsar 2021–05–05
2,6 biljoner transistorer på ett chip 2021–04–21
Qualcomm kan panikbromsa på svenska 2021–04–19
Tesla dumpar även radarsensorn 2021–04–12
Smartare trafik: Testar realtidsstyrning för bättre trafikflöde 2021–03–19
Smartare trafik: AI lockar trots omogen teknik 2021–03–19
Smartare trafik: Värmekameror för flexibel grön våg 2021–03–19
Smartare trafik: Skyddar busslinje med restidsdata 2021–03–19
AI-synkad el för mindre spill 2021–03–16
Halvtid: Smartare elektroniksystem 2021–03–12
Forskning: Bygg framtidens AI och mobilnät i symbios 2021–02–24
Ta del av den nybakade svenska AI-agendan 2021–02–16
UPPGIFTER: Apple Car ingen bil, men nu rör den sig 2021–02–04
11 # Comsol (4)
 
KOMMENTARER
Kommentarer via Disqus
Bidrag från
branschens experter
Nya produkter
Senaste nyheter

Rainer Raitasuo

Rainer
Raitasuo
+46(0)734-171099 rainer@etn.se
(sälj och marknads­föring)
Per Henricsson

Per
Henricsson
+46(0)734-171303 per@etn.se
(redaktion)

Jan Tångring

Jan
Tångring
+46(0)734-171309 jan@etn.se
(redaktion)


// bildspel.js // ============================================================================= // BILDSPEL - Automatiskt bildspel // - appliceras på alla div på sidan som har class=bildspel // ============================================================================= // ANVÄNDNING: // // 1. Lägg till scriptet i din HTML: // // // 2. Skapa en div med class="bildspel" och lägg bilder inuti: //
// ... // ... //
// // 3. Anpassa med data-attribut på div:en (alla värden i sekunder): // // data-fade="0.6" Fade-tid (default: 0.6) // data-interval="2.5" Tid mellan bilder (default: 2.5) // data-easing="ease-in-out" CSS easing (default: ease-in-out) // data-maxdelay="2" Max slump-startfördröjning (default: 2) // data-width="40%" Bredd på bildspelet (default: 40%) // // EXEMPEL: //
// ... //
// ============================================================================= (function () { // Injicera CSS const style = document.createElement("style"); style.textContent = ` div.bildspel { width: var(--bildspel-width, 40%); } `; document.head.appendChild(style); function initSlideshow(container) { const images = Array.from(container.querySelectorAll("img")); if (images.length === 0) return; const fadeDuration = parseFloat(container.dataset.fade ?? 0.6) * 1000; const interval = parseFloat(container.dataset.interval ?? 2.5) * 1000; const easing = container.dataset.easing ?? "ease-in-out"; const maxDelay = parseFloat(container.dataset.maxdelay ?? 2) * 1000; const width = container.dataset.width ?? "40%"; container.style.setProperty("--bildspel-width", width); images.forEach((img, i) => { img.style.maxWidth = "100%"; img.style.display = i === 0 ? "block" : "none"; img.style.transition = `opacity ${fadeDuration/1000}s ${easing}`; img.style.opacity = i === 0 ? "1" : "0"; }); setInterval(() => { const visibleIndex = images.findIndex(img => img.style.display === "block"); const nextIndex = (visibleIndex + 1) % images.length; images[visibleIndex].style.opacity = "0"; setTimeout(() => { images[visibleIndex].style.display = "none"; images[nextIndex].style.display = "block"; setTimeout(() => images[nextIndex].style.opacity = "1", 20); }, fadeDuration); }, interval); } document.querySelectorAll("div.bildspel").forEach(container => { const maxDelay = parseFloat(container.dataset.maxdelay ?? 2) * 1000; setTimeout(() => initSlideshow(container), Math.random() * maxDelay); }); })();