Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste ÜberarbeitungBeide Seiten der Revision
de:create:popup [16.01.2015 17:20] – Aktualisiert adminde:create:popup [18.06.2015 14:12] admin
Zeile 260: Zeile 260:
 </script> </script>
 </code> </code>
 +
 +
 +==== 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="position: relative; left: -100px; top: -100px">
 +  <img src="grosses-bild.jpg" id="large1" />
 +</div>
 +<img src="kleines-bild.jpg" id="image1" />
 +
 +<script type="text/javascript">
 +<!--
 +var info = new infoButton();
 +info.registerInfo("image1", "large1", "large1");
 +//-->
 +</script>
 +</code>
 +
 +Das obige Beispiel verzichtet auf einen gesonderten Knopf zum Schließen des großen Bildes -- ein Klick auf die vergrößerte Version reicht.
  
  
de/create/popup.txt · Zuletzt geändert: 24.07.2022 15:35 von admin
 
Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: CC Attribution-Share Alike 4.0 International
Driven by DokuWiki