Benutzer: Gast
Eintrag: Zoom-Cursor

Zoom-Cursor

von: marcel
Tags: CSS
Kreise: HTML / CSS / JS
Code: CSS
a.lightbox img { /* zoom-cursor for lightbox-images (modern browser) */
  cursor: -webkit-zoom-in; /* Safari/Chrome */
  cursor: -moz-zoom-in; /* Mozilla */
  cursor: -o-zoom-in; /* Opera v11+*/
  cursor: zoom-in; /* w3c-draft in css3 */
}

* a.lightbox img { /* zoom-cursor for lightbox-images (only explorer sees this; the w3c-way) */
  cursor: url("../gfx/icons/zoomin.cur"), pointer;
}

Bei Bildern, die z. B. in einer Lightbox vergrößert werden sollen, wäre es für den Anwender vorteilhaft, wenn er die Vergrößerungsmöglichkeit angezeigt bekäme. Deswegen steht meistens ein klick vergrößern oder ähnliches in der Nähe des Bildes oder im Titel. Klick vergrößern nervt und der Titel sollte das Bild beschreiben und nicht die Link-Funktion. Schöner ist es, den Mauszeiger in ein Lupen-Symbol zu ändern.

Download:

Datei: Zoomin.cur
Größe: 766 Bytes
Typ: application/octet-stream

Internet Explorer Cursor-Datei

Quellenangaben

  1. Vielen Dank an esse est percipi, der eigentlichen Quelle dieses Beitrags.
  2. dev.w3.org/csswg/css3-ui/#cursor
(1) marcel schrieb am 7. 5. 2013 um 08:26 Uhr

asdasd