Fotos vergrößern durch Klick

Hallo Community,

auf meiner Website https://www.mtc40plus.de/content/fahrerlager/ ist eine Deutschlandkarteals "Bildsatz" eingefügt und soll durch "Klick" vergrößert werden.Ich sehe aber keinen Unterschied zum Original. Wie bekomme ich das Foto so vergrößert, daß die nummerierten Standorte größer dargestellt werden?

Gruß

Ulli

Hallo Ulli,

folgendes würde ich machen:Eine Deutschlandkate auswählen, die mindestens 1000x1600 Px hat. Deine Karte ist zu klein (523x698 px). Die Landkarte bearbeitest du nun mit der Image-Map - da kannst du die Stationen eintragen. Das sieht ordentlicher aus. Du musst aber einen Quellenhinweis der Karte hinzufügen - Urheberrecht- Bildhinweis. Oder nur die besagte Karte verwenden - vergrößern über Rechtsklick - Grafik in neuem Tab öffnen.

Gruß Norbert

Hallo Ulli,

eine weitere alternative Möglichkeit wäre den Leuchtkasten zu vergrößern.

Hierzu setzt du einfach den folgenden Style-Code in den Reiter "HTML" bei Seiten-Eigenschaften:

<style>
.lightbox {
 position: relative !important;
 transform: scale(2.5) !important;
}
</style>

Ich habe die Zeile Position relative geschrieben, da ansonsten die Karte oben abgeschnitten ist (Standard ist position: fixed).
Bei transform scale kannst du in der Klammer den Faktor eingeben, um wie viel fache der Leuchtkasten vergrößert werden soll, ich habe hier 2,5-fache gewählt. Das Bild (Karte) wird mitvergrößert.

Aber Achtung, der Code gilt für alle Leuchtkästen auf dieser Seite, falls du einen zweiten auf der selben Seite verwendest, dann wird der auch vergrößert.