[Margaritka]

Добрый день.

Есть вывод изображений в виде одного большого и превью маленьких, но по клику открываемых в новом окне в полном размере.

PHP код:

{ if $active_advert && $row["image"] }
<div class="margin10">
{*<div class="title_block_image_advert">Изображения</div>*}
{? $mas_images=explode("|",$row["image"]) }
{*выводим большое фото*}
<img src='{$dir_http."/".NAME_DIR_LOADFILES_MODULS}/bigfoto/{$mas_images[0]}'>
{ if sizeof($mas_images) > 1 }
{? $num_img = 0}
<div class="elm_image_advert">

{ foreach from = $mas_images value="name_image" }
{? $num_img++}
{if $num_img <= 1}
{continue}
{/if}

<div class="contr_image_advert"><div class="contr_2">
<a href='{$dir_http."/".NAME_DIR_LOADFILES_MODULS}/bigfoto/{$name_image}' vfoto='advert'><img src='{$dir_http."/".NAME_DIR_LOADFILES_MODULS}/smallfoto/{$name_image}' alt='{$row["name_adv"]|codehtml}' title='{$row["name_adv"]|codehtml}'></a>
</div></div>
{/foreach}
</div>
{/if}
</div>
{/if} 


Как реализовать подгрузку изображений в блоке без всплывающих/новых окон как на авито? Покидайте ссылками/мыслями, пожалуйста.

Заранее спасибо за помощь.

[druzhkov]

Margaritka, вот так?

_http://www.priwal.ru/shop/Zimnie_palatki/mb-552

Делал, по конкретным нюансам могу проконсультировать через личную переписку.

[easymisc]

на событие onClick для картинки вешаем изменение src картинки большого окна на путь выбранной картинки

[druzhkov]

на событие onClick для картинки вешаем изменение src картинки большого окна на путь выбранной картинки

Будет работать, если все картинки одинакового размера. Если разные - надо еще центрировать (высчитывать отступы по вертикали или горизонтали).

[easymisc]

druzhkov,да, нюансы будут конечно, в приведенном примере "как на авито" вроде унифицированы картинки