Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
de:create:popup [16.01.2015 17:20] – Aktualisiert admin | de:create:popup [24.07.2022 15:35] (aktuell) – [Informationen per Mausklick einblenden] admin | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
====== Informationen per Mausklick einblenden ====== | ====== Informationen per Mausklick einblenden ====== | ||
- | Mitunter ist es hilfreich, wenn der Teilnehmer zusätzliche Informationen((einen kurzen Text wie diesen hier)) bei Bedarf einblenden kann. | + | Mitunter ist es hilfreich, wenn der Teilnehmer zusätzliche Informationen((einen kurzen Text wie diesen hier)) bei Bedarf einblenden kann. Je nach Anwendung sind dafür unterschiedliche Lösungen geeignet: |
- | **Tipp:** Umfangreichere Informationen | + | - Einzelne Wörter erklären Sie am einfachsten mit einem Tooltip (s. unten) |
+ | - Wenn es darum geht, Textpassagen auf einen Mausklick hin anzuzeigen, verwenden Sie die [[:de: | ||
+ | - Wenn Sie von einem längeren Text zunächst nur einen Teil zeigen möchten, folgen Sie der Anleitung [[: | ||
+ | - Wenn Sie einen umfangreichen Text als Zusatzinformation verfügbar machen möchten, | ||
+ | |||
+ | Darüber hinaus können Sie mittels [[: | ||
Zeile 14: | Zeile 19: | ||
((Titel|Erklärung)) | ((Titel|Erklärung)) | ||
| | ||
- | Wird als Titel ein Asterisk ('' | + | Wird als Titel ein Asterisk ('' |
<code txt> | <code txt> | ||
Zeile 260: | Zeile 265: | ||
</ | </ | ||
</ | </ | ||
+ | |||
+ | |||
+ | ==== Bilder vergrößern ==== | ||
+ | |||
+ | Wenn Sie ein Bild als Knopf verwenden und beim Klick eine größere Version desselben Bilds anzeigen, können Sie mit der Funktion auch ein Bild vergrößern. Sie müssen sich lediglich um HTML-IDs für die Bilder und die Positionierung der großen Bildversion kümmern: | ||
+ | |||
+ | <code html> | ||
+ | <div style=" | ||
+ | <img src=" | ||
+ | </ | ||
+ | <img src=" | ||
+ | |||
+ | <script type=" | ||
+ | <!-- | ||
+ | var info = new infoButton(); | ||
+ | info.registerInfo(" | ||
+ | //--> | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Das obige Beispiel verzichtet auf einen gesonderten Knopf zum Schließen des großen Bildes -- ein Klick auf die vergrößerte Version reicht. | ||