Obrazki w iframe powinny pokazywać się całe, a nie tak żebym musiał przewijać.
Może zamiast
<div class="bigimage">
<iframe src="blank.html" frameborder="0" width="100%" height='100%' name='content'></iframe>
</div>
użyj
<div class="bigimage">
<img id="bigimage">
</div>
i np. taki zapis dla poszczególnych .thumbnail (przykładowe obrazki)
<li class="thumbnail">
<a href="#" onclick="window['bigimage'].src='https://picsum.photos/id/6/600/900'">
<img src="https://picsum.photos/id/6/200/300" alt="">
</a>
</li>
<li class="thumbnail">
<a href="#" onclick="window['bigimage'].src='https://picsum.photos/id/39/600/900'">
<img src="https://picsum.photos/id/39/200/300" alt="">
</a>
</li>
BTW, jeśli chcesz, aby ramka była pusta, możesz użyć wartości about:blank jako src
<iframe src="about:blank" name="content"></iframe>
iframe{
border: 0;
width: 100%;
height: 100%;
}