Witam, mam dziwny problem, zrobiłem galerię, obrazki są wyswietlane: display: inline-block; Po kliknieciu na zdjecie obrazek leci w dolny róg powieksza sie a nastepnie wskakuje na srodek. Da się uzyskać płynne przejście odrazu od srodka strony?

[HTML] pobierz, plaintext 
$('.normal-img').click(function(){
 
		$(this).switchClass( 'normal-img', 'big-img', 1000, 'linear' );
 
	});
 
	$('body').click(function(){
 
		$('.big-img').switchClass( 'big-img', 'normal-img', 1000, 'linear' );
 
	});
 
CSS:
 
.normal-img
{
        display: inline-block;
	width: 250px;
	height: 150px;
	z-index: 99;
}
 
.big-img
{
 
	width: 80%;
	height: 90%;
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 5%;
        z-index: 99;
}
[HTML] pobierz, plaintext 

Przydał by się żywy przykład - wklej to na https://jsfiddle.net/

Proszę, nie bardzo widać tutaj ale muscie mi uwierzyć na słowo, obrazek po kliknieciu leci z prawy dolny róg (az wychodzi poza strone) a nastepnie wraca na srodek.

https://jsfiddle.net/eqeb5ura/