pupunzi.open-lab.com
jquery mb.imageNavigator | Pupunzi
Navigate into extralarge images! A photogallery for extralarg images with navigator. You can drag your extralarge image in the display by the navigator or the image itself. Enjoy yourself into images. 2.0 see the demo download it Major issue released: Solved the containment issue; now the image never goes out from the screen! It needs the jQuery UI 1.7.1 dependencies: jquery.js (1.3) ui.core.js (1.7.1) ui.draggable.js (1.7.1) How does it work: here is the js call: [crayon-5c68b9305cb5d602029131/] here is the code for each container: [crayon-5c68b9305cb67958132221/] Params: areaWidth and areaHeight are the width and the height of the display; draggerStyleis the style of the draggable rectangle on the thumb; navOpacity is the alpha opacity of the thumb on the image. Then, on each element, you set the url of the big image (imageUrl), the position of the thumb (navPosition : BL, BR, TL, TR) and the width of the navigator(navWidth); there is a span with the title of the mage,