jQuery Zoom – Powiększanie obrazków

jQuery Zoom to ciekawa biblioteka na którą ostatnio się natknąłem przy okazji tworzenia podglądu obrazów w sklepie internetowym. Do prawidłowego działania wymaga jQuery w wersji min. 1.7+ i jest kompatybilna z Chrome, Firefox, Safari, Opera, Internet Explorer 7+.

Możesz ją znacjonalizować na wskazanym elemencie:

$(document).ready(function(){
  $('a.photo').zoom({url: 'photo−big.jpg'});
});

lub też na obiekcie w dokumencie (DOM):

$(document).ready(function(){
  $('img')
    .wrap('<span style="display:inline−block"></span>')
    .css('display', 'block')
    .parent()
    .zoom();
});

Źródło biblioteki wraz z change logiem znajdziesz na GitHubie: click me! Sama biblioteka wydana jest na licencji MIT.

Kasztelan Paweł

Programista samouk, zakochany w ZF i Laravel, szerzący opinię że PHP + JS + HTML + CSS to są języki w których może zostać stworzona aplikacja równie dobra, a nawet lepsza od twardego klienta.