Zoo veterinarians, behind the scenes

document.write('.noscript { display: none; }');

Zoo veterinarians, behind the scenes

jQuery(document).ready(function ($) { // We only want these styles applied when javascript is enabled // $('div.navigation').css({ 'width': '35%', 'float': 'left' }); $('div.libcontent').css('display', 'block'); // Initially set opacity on thumbs and add // additional styling for hover effect on thumbs var onMouseOutOpacity = 0.67; $('#thumbs ul.thumbs li').opacityrollover({ mouseOutOpacity: onMouseOutOpacity, mouseOverOpacity: 1.0, fadeSpeed: 'fast', exemptionSelector: '.selected' }); // Initialize Advanced Galleriffic Gallery var gallery = $('#thumbs').galleriffic({ delay: 2500, numThumbs: 15, preloadAhead: 10, enableTopPager: true, enableBottomPager: true, maxPagesToShow: 7, imageContainerSel: '#slideshow', controlsContainerSel: '#controls', captionContainerSel: '#caption', loadingContainerSel: '#loading', renderSSControls: true, renderNavControls: true, playLinkText: 'Play Slideshow', pauseLinkText: 'Pause Slideshow', prevLinkText: 'Previous Photo', nextLinkText: 'Next Photo', nextPageLinkText: 'Next ›', prevPageLinkText: '‹ Prev', enableHistory: false, enableKeyboardNavigation: false, autoStart: false, syncTransitions: true, defaultTransitionDuration: 900, onSlideChange: function (prevIndex, nextIndex) { // 'this' refers to the gallery, which is an extension of $('#thumbs') this.find('ul.thumbs').children() .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end() .eq(nextIndex).fadeTo('fast', 1.0); }, onPageTransitionOut: function (callback) { this.fadeTo('fast', 0.0, callback); }, onPageTransitionIn: function () { this.fadeTo('fast', 1.0); } }); });
​Read the accompanying JAVMA article "Zoo veterinarians, behind the scenes and in the field"