Ciao a tutti.
Sono alle prese con FancyBox e l'ingrandimento di una foto.

Cliccando sulla miniatura dentro alla mia scheda articolo, tramite questo codice di FancyBox riesco a visualizzare l'immagine a tutto schermo.

$(".fancybox")
.attr('rel', 'gallery')
.fancybox({
padding : 0,
margin : 1,
nextEffect : 'fade',
prevEffect : 'none',
autoCenter : true,
transitionIn : 'elastic',
transitionOut : 'elastic',
afterLoad : function () {
$.extend(this, {
aspectRatio : true,
type : 'html',
width : '100%',
height : '100%',
content : '<div class="fancybox-image" style="background-image:url(' + this.href + '); background-size: cover; background-position:50% 50%;background-repeat:no-repeat;height:100%;width:100%" /></div>'
});
}
});
Praticamente è questo esempio

Solo che quando l'immagine è aperta a tutto schermo (io ho delle immagini in verticale), si posiziona esattamente al centro (tagliando testa e piedi) e non ho la possibilità di muoverla in basso e in alto con il mouse per vederla tutta.

Come posso fare?
Esiste un modo per muovere in verticale un'immagine dentro ad un div?