Zum Inhalt springen
// ROTATOR (Abschnitt 1)
(function($){
$.fn.extend({
rotaterator: function(options) {
var defaults = { fadeSpeed: 500, pauseSpeed: 3000, child:null };
var options = $.extend(defaults, options);
return this.each(function() {
var o = options;
var obj = $(this);
var items = $(obj.children(), obj);
items.each(function() { $(this).hide(); });
var next = o.child ? o.child : $(obj).children(':first');
$(next).fadeIn(o.fadeSpeed, function() {
$(next).delay(o.pauseSpeed).fadeOut(o.fadeSpeed, function() {
var next = $(this).next();
if (next.length == 0){ next = $(obj).children(':first'); }
$(obj).rotaterator({child: next, fadeSpeed: o.fadeSpeed, pauseSpeed: o.pauseSpeed});
});
});
});
}
});
})(jQuery);
jQuery(document).ready(function() {
jQuery('.rotate-content').rotaterator();
});
// =================================
// THEMA-WECHSEL (Abschnitt 2)
// =================================
const data = {
schlaf: {
src: "https://hypnomentalcoach.com/wp-content/uploads/2025/05/MEIN-BESTES-ICH-Schlafen-1.png",
title: "Besser schlafen",
text: "Mit beruhigenden Abendhypnosen, Einschlafritualen & Schlafmusik kommst du endlich zur Ruhe."
},
selbstliebe: {
src: "https://hypnomentalcoach.com/wp-content/uploads/2025/05/MEIN-BESTES-ICH-Selbstliebe-2.png",
title: "Selbstliebe stärken",
text: "Mit täglichen Impulsen & Meditationen findest du zu mehr Selbstwert & innerer Sicherheit."
},
abnehmen: {
src: "https://hypnommentalcoach.com/wp-content/uploads/2025/05/MEIN-BESTES-ICH-Abnehmen-1.png",
title: "Einfach abnehmen",
text: "Brich emotionale Essmuster durch Hypnosen & mentale Übungen – für ein natürliches Gleichgewicht."
},
stress: {
src: "https://hypnommentalcoach.com/wp-content/uploads/2025/05/MEIN-BESTES-ICH-Stress-2.png",
title: "Stress abbauen",
text: "Lass los, was dich belastet – mit Anti-Stress-Hypnosen, Meditation & Atemübungen."
}
};
function zeigeScreenshot(thema) {
const screenshot = document.getElementById("screenshot");
const title = document.getElementById("screenshot-title");
const text = document.getElementById("screenshot-text");
if (screenshot && title && text && data[thema]) {
screenshot.src = data[thema].src;
title.textContent = data[thema].title;
text.textContent = data[thema].text;
}
const buttons = document.querySelectorAll(".themenwahl-button");
buttons.forEach(btn => btn.classList.remove("active"));
const activeBtn = document.getElementById("btn-" + thema);
if (activeBtn) activeBtn.classList.add("active");
}
zeigeScreenshot("selbstliebe");
// =================================
// POPUP FUNKTION (Abschnitt 3)
// =================================
const popupInhalte = {
selbstliebe: { /* ... unverändert ... */ },
schlaf: { /* ... unverändert ... */ },
abnehmen: { /* ... unverändert ... */ },
stress: { /* ... unverändert ... */ },
erfolg: { /* ... unverändert ... */ },
liebe: { /* ... unverändert ... */ }
};
function openPopup(key) {
const d = popupInhalte[key];
if (!d) return;
const popupBox = document.getElementById("popup-content");
popupBox.style.backgroundColor = d.bg || "#fff";
document.getElementById("popup-title").innerText = d.title || "";
document.getElementById("popup-sub").innerText = d.sub || "";
const fContainer = document.getElementById("popup-features");
fContainer.innerHTML = "";
d.features.forEach(f => {
const div = document.createElement("div");
div.className = "popup-feature";
div.innerHTML = f;
fContainer.appendChild(div);
});
document.getElementById("popup").style.display = "flex";
}
function closePopup(e) {
if (e.target.id === "popup" || e.target.className === "popup-close") {
document.getElementById("popup").style.display = "none";
}
}
[]