okayguys,
css не самый лучший вариант, для показа примера с toggleClass
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
img{
width: 180px;
height: 90px;
transition: all 1.8s ease-in-out;
}
div{
width: 180px;
height: 90px;
float: left;
}
.fix{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: auto;
height: 80%;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
var pic = $("img");
pic.on("click", function() {
pic.not($(this).toggleClass("fix")).removeClass("fix")
})
});
</script>
</head>
<body>
<div><img src="http://www.vashsad.ua/i/gallery/wallpapers/24/1280_800/L558J859.jpg" alt=""></div>
<div><img src="http://w7t.ru/zooms/7da1/7/6168262b44.jpg" alt=""></div>
<div><img src="http://stat17.privet.ru/lr/0a0cd32bec610080b2aea5cb20b0ff4e" alt=""></div>
</body>
</html>