Изображения в статьях и страницах

<style>
  img.big {cursor: pointer; max-width: 150px;}
  img.big:hover {max-width: 100%;}
</style>
 

<img class="big" src="адрес_исходного_фото" />

<script type="text/javascript">
$(document).ready(function() { icms.modal.bindGallery(".nyroModal"); });
</script>

<a class="nyroModal" rel="gal" href="<?php echo '/upload/'.html_image_src($item['photo'], $fields['photo']['options']['size_full']); ?>" >

 
// загруженное изображение прописано вот так
<img src="/upload/изображение.png" >
// Делаем вот так
<a href="/upload/изображение.png" rel="gal"><img src="/upload/изображение.png" ></a>
// При этом сразу можно указать и размер изображения меньше при просмотре на странице и оригинал при просмотре в окне