<html>
<head>
</head>
<body>
<div class="window">
<img src="images/pictures/special1.jpg" alt="новая акция" id="newPic">
<p>Описание</p>
</div>
<div class="footerMain">
<img src="images/pictures/special1.jpg" alt="новая акция" id="special1" class="specialsPictures" title="бла бла бла">
<img src="images/pictures/special2.jpg" alt="новая акция" id="special2" class="specialsPictures" title="бла бла бла">
<img src="images/pictures/special3.jpg" alt="новая акция" id="special3" class="specialsPictures" title="бла бла бла">
<img src="images/pictures/special4.jpg" alt="новая акция" id="special4" class="specialsPictures" title="бла бла бла">
<img src="images/pictures/special5.jpg" alt="новая акция" id="special5" class="specialsPictures" title="бла бла бла">
<img src="images/pictures/special6.jpg" alt="новая акция" id="special6" class="specialsPictures" title="бла бла бла">
<img src="images/pictures/special7.jpg" alt="новая акция" class="specialsPictures">
<img src="images/pictures/special8.jpg" alt="новая акция" class="specialsPictures">
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(".specialsPictures").click(function(){
$(".window img").attr({src: this.src});
$(".window p").html(this.title);
});
</script>
</body>
</html>
</body>
</html>
или же можно брать описание из alt или создать data-title