Eine klassische Bildlupe, wie man sie von großen Onlineshops kennt, wirkt auf den ersten Blick wie eine komplexe Aufgabe für eine dedizierte
JavaScript-Bibliothek. Tatsächlich lässt sich der Effekt mit wenigen Zeilen
Alpine.js nachbauen, indem die Mausposition relativ zum Bild fortlaufend in einen background-position-Wert einer vergrößerten Kopie umgerechnet wird. Wer den Mechanismus einmal verstanden hat, kann ihn ohne zusätzliches Kilobyte an Fremdcode in jede Produktdetailseite einbauen und dabei zugleich ein sinnvolles Verhalten für Touch-Geräte berücksichtigen, auf denen Hover schlicht nicht existiert.