Как реализовать подгрузку фотографий внутри блока?

(Ответов: 4, Просмотров: 685)
  1. Новичок Аватар для Margaritka
    • Регистрация: 15.08.2007
    • Сообщений: 14
    • Репутация: 9
    Добрый день.

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

    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) > }
    {? 
    $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} 
    Как реализовать подгрузку изображений в блоке без всплывающих/новых окон как на авито? Покидайте ссылками/мыслями, пожалуйста.

    Заранее спасибо за помощь.
    • 0
  2. Дипломник
    • Регистрация: 15.07.2013
    • Сообщений: 189
    • Репутация: 43
    • Webmoney BL: ?
    Margaritka, вот так?

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

    Делал, по конкретным нюансам могу проконсультировать через личную переписку.
    • 0
  3. Дипломник
    • Регистрация: 06.06.2011
    • Сообщений: 105
    • Репутация: 11
    на событие onClick для картинки вешаем изменение src картинки большого окна на путь выбранной картинки
    • 0
  4. Дипломник
    • Регистрация: 15.07.2013
    • Сообщений: 189
    • Репутация: 43
    • Webmoney BL: ?
    Цитата Сообщение от easymisc Посмотреть сообщение
    на событие onClick для картинки вешаем изменение src картинки большого окна на путь выбранной картинки
    Будет работать, если все картинки одинакового размера. Если разные - надо еще центрировать (высчитывать отступы по вертикали или горизонтали).
    • 0
  5. Дипломник
    • Регистрация: 06.06.2011
    • Сообщений: 105
    • Репутация: 11
    druzhkov,да, нюансы будут конечно, в приведенном примере "как на авито" вроде унифицированы картинки
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
DLE Загрузка фотографий
DLE 6 24.04.2013 00:21
DLE Загрузка фотографий
Вопросы от новичков 6 24.04.2013 00:21
Удаление фона с фотографий
Другая работа 5 13.03.2013 15:19
Удаление заднего фона фотографий
Другая работа 6 22.09.2012 03:18
Реализация навигации для фотографий
Web программирование 3 07.09.2011 22:55

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры