Макс

функция скачивания фото

Recommended Posts

Помогите реализовать эту функцию скачивания фото 

если в риелти view разместить код так:

 

           <div class="es-carousel-wrapper">
                    <div class="es-carousel">
                      <ul>
                      {section name=j loop=$photo}
                      <li>
                          <a href="#" data-nr="{$smarty.section.j.iteration}" ><img src="{$estate_folder}/img/data/{$photo[j].preview}" width="88" height="88" data-large="{$estate_folder}/img/data/{$photo[j].normal}" /></a>
 
<a href="{$estate_folder}/img/data/{$photo[j].normal}" download>Скачать </a>
                </li>
                      {/section}
то будет как на первом фото, так бы устроило все, но эта функция "скачать " как будто прилипает к этой всей превью фото и не срабатывает.
если так код прописать:
{section name=j loop=$photo}
                      <li>
                          <a href="#" data-nr="{$smarty.section.j.iteration}" ><img src="{$estate_folder}/img/data/{$photo[j].preview}" width="88" height="88" data-large="{$estate_folder}/img/data/{$photo[j].normal}" /></a>
 
                </li>
 
<a href="{$estate_folder}/img/data/{$photo[j].normal}" download>Скачать </a>
 {/section}
 То все пошло поехало (фото 2)  на форме НО срабатывает скачивание , КАК сделать чтобы на первом примере срабатывало? 

 

post-2088-0-83750100-1447784358_thumb.pn

post-2088-0-40824900-1447784359_thumb.pn

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Добавочною ссылку с download нужно занести внутрь <li> </li> Тогда они не будут прыгать фигзнаетгде и лягут в блок картинки (разве что стилями подровнять). Но после этого нужно будет просмотреть реакцию кликов на иконках в нижней карусельке. Там может быть событие перещелкивания картинки навешено на элемент ссылки и поэтому оно вполне может продублироваться и на ссылке скачивания.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Добавочною ссылку с download нужно занести внутрь <li> </li> Тогда они не будут прыгать фигзнаетгде и лягут в блок картинки (разве что стилями подровнять). Но после этого нужно будет просмотреть реакцию кликов на иконках в нижней карусельке. Там может быть событие перещелкивания картинки навешено на элемент ссылки и поэтому оно вполне может продублироваться и на ссылке скачивания.

да там как раз перещелкивание и происходит только, скачивать не получается, может какой "разграничитель" поставить чтоб работало это скачивание

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

В общем туда внутрь скорее всего не выйдет. Скрипт карусельки воспринимает весь <li> как элемент и на всего его, включая вложенные, навешивает событие.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

В общем туда внутрь скорее всего не выйдет. Скрипт карусельки воспринимает весь <li> как элемент и на всего его, включая вложенные, навешивает событие.

а по другому как сделать не знаете? 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Похожие публикации

    • Автор: Дмитрий Кондин
      1. Заходим в обновления и устанавливаем модуль Downloader

      2. Затем идем в настройки и активируем Настройки - Downloader 
      Разрешить скачивание фотографий объявлений одним файлом (apps.downloader.enable)
      Алиас можете заменить на тот что вам нравится или оставьте как есть.
      3. Теперь фотографии с сайта можно скачивать так
      http://ваш_сайт/imgzip/XXXX (где XXXX - это ИД объявления)
      4. Чтобы в просмотре объекта на сайте сделать ссылку на скачивание фото в realty_view.tpl добавляем такой код
      {if $photo|count>0} <a href="/imgzip/{$data.id.value}">Скачать все фото</a> {/if}  
    • Автор: Realtor
      Нужно разработать загрузчик фото по типу как в телеграм
      Т.е. преобразовывать прямо у источника уменьшая размер фото до загрузки на сайт. Обычно фото весят 5 МГБ, если грузить 15 фото , то по времени загрузка занимают долгое время.
      Предлагайте 
       
    • Автор: Дмитрий Кондин
      Часто риэлторы берут фото с авито.
      Чтобы не палить это своим клиентам, то можно этот авито знак закрыть своим водяным знаком при загрузке фотографий в объявления недвижимости.
      1. В настройках - Общие включаем опцию 
      Использовать watermark на фотографиях (по-умолчанию картинка лежит тут /img/watermark/watermark.gif) (is_watermark) Нажимаем сохранить.
      2. Теперь снова заходим в настройки - вкладка Watermark printer
      Ставим 100 в поле 
      Процент прозрачности наложения водяногознака (от 0 до 100) (apps.watermark.opacity) Это значит что водяной знак у нас будет накладываться без прозрачности.
      -------------------
      Расположение ставим
      bottom-right Это будет снизу справа, так как логотип авито находится именно там.
      -------------------
      Название файла изображения для водяного знака, путь до картинок /img/watermark/ (apps.watermark.image) В этом поле записываем название вашего файла с водяным знаком. И этот файл нужно загрузить в каталог /img/watermark/. Лучше если это будет png файл. Например, watermark.png
      -------------------
      Добавлять водяной знак на превью-изображении (apps.watermark.preview_enable) Тут ставим галочку, чтобы и на маленьких фото превью накладывался наш водяной знак, закрывая знак от авито.
      -------------------
      Название файла для водяного знака для превью-изображений (apps.watermark.image_preview) Сюда вам нужно вписать название файла, который будет накладываться на превьюшки. И размер его нужно подогнать соотвествующий. Также грузим его в /img/watermark/ Например, watermark_mini.png
       
    • Автор: banzai72
      Почему не работает и как это исправить.
      Как сделать так, что бы люди могли сохранить(скачать) фото объектов с сайта?
      Мы ведь продаем собственников на сайте за платный доступ. А фото не сохранить................
       

    • Автор: ImobilPalace
      Шаблон Domikus нужно поменять местами