Photo Gallery - More Customizations
This gallery demonstrates GalleryView's ability to place both the filmstrip and panel captions on the top of the gallery, instead of the bottom. By wrapping the gallery div and assigning it a background image, we can lift the gallery off the page, or implement any number of design ideas. This gallery also uses a custom navigation theme (download here) and an easing method made possible by the jQuery Easing plugin.
Effet du soleil sur le paysage
Photo by tomharry. View full-size photo here.
Snail on the Corn
Photo by baines. View full-size photo here.
Flowers
Photo by jazza. View full-size photo here.
Death Valley
Photo by djkmart. View full-size photo here.
Function Call and Options
$('#photos').galleryView({
panel_width: 800,
panel_height: 300,
frame_width: 100,
frame_height: 38,
transition_speed: 1200,
background_color: '#222',
border: 'none',
easing: 'easeInOutBack',
pause_on_hover: true,
nav_theme: 'custom',
overlay_height: 52,
filmstrip_position: 'top',
overlay_position: 'top'
});