Der schnelle Weg zur eigenen Website und zum eigenen Blog

var span = document.getElementsByClassName("close")[0];
span.onclick = function() {
modal.style.display = "none";
}
</script>
HINWEIS: Sie müssen die Größe des iFrame / HTML – Containers so anpassen,
dass beim Aufblenden des vergrößerten Bildes keine Rollbalken erscheinen
(hier 1000 x 1000 Pixel).
Wie Sie sehen, kann man mittels kleiner HTML-Snippets in „Cheetah“ durchaus
beeindruckende Effekte erzeugen. Das allein sollte schon ein Grund dafür sein,
sich etwas mit HTML, CSS und JavaScript zu beschäftigen. Außerdem können
Sie mit derartigen Snippets eigene Elemente zur Erweiterung der Funktionalität
von „Cheetah“ erzeugen, die Sie dann unter einem eigenen Namen in Ihrer
Vorlagenbibliothek ablegen können. In unserem Beispiel bedeutet das hier,
dass Sie einfach über das Kopfmenü des iFrame / HTML – Elements eine Vorlage
mit dem Namen „Modale Bildanzeige“ erzeugen. Sie finden Sie dann danach
im Bereich „Vorlagen“ des Randmenüs unter „iFrame“:
Um es auf anderen Webseiten zu verwenden, müssen Sie es nur noch auf die
entsprechende Webseite ziehen und im Einbettungscode den Bild-Link ändern.
182