Eenvoudige Zoom functie met javascript

April 12th, 2010 by admin Leave a reply »

In de Sieraden webwinkel waar ik al eerder over schreef zat een mooie zoomfunctie in: Als je met het pijltje over een foto heen gaat, dan wordt er een vergroting getoond van het gedeelte waar je met de muis overheen gaat. Dit is een aanvulling op de JQuery javascript library. Op zich al heel mooi, maar het is handiger als je de vergroting naast het origineel hebt staan. Dit naar voorbeeld van de wehkamp zoom (zie ‘n willekeurig artikel), zoals we die zelf inmiddels noemen.

Zelf dacht ik dat dit lastig ging worden, maar er is naast de reeds genoemde module ook een module die het precies op die manier doet: jqZoom. Geweldig. Omdat er al een zoom functie in de website zat, was de aanpassing heel eenvoudig: andere scripts instellen en de html iets aanpassen. Zie de installatie uitleg op de jqZoom pagina.

Het resultaat mag er zijn (al zeg ik het zelf): Kettingen en Armbanden worden nu netjes vergroot naast het origineel. Helemaal geweldig.

Advertisement

Leave a Reply