Question

Здравствуйте! Хотел реализовать возможность скачивания фото из фотоальбома. Например, есть главная страница с фото(с миниатюрами).

При наведении на миниатюру появляется информация:

1.Когда загружено

2.Описание

3.Кем загружено(ссылка)

 

 

В шаблоне это выглядит так:

 

  <a href="$PHOTO_LIGHTBOX_URL$" data-url="$PHOTO_URL$" class="ph-link" title="Просмотры: $REVIEWS$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb">  <span class="ph-tc">  <span class="ph-data">  <span class="ph-date">$DATE$</span>  <span class="ph-descr"><?if(len($PHOTO_DESCR$)>120)?><?substr($PHOTO_DESCR$,0,117)?>...<?else?>$PHOTO_DESCR$<?endif?></span>  <span class="ph-author" href="$PROFILE_URL$">$USER$</span>  </span>  </span>  </a>

 

Соответственно строчка

<span class="ph-author" href="$PROFILE_URL$">$USER$</span>

и есть имя добавившего со ссылкой на него.

---

Я хотел ввести дополнительное поле($OTHER1$) и при добавлении фото в альбом в этом поле указывать ссылку на скачку фотографии.

Поле ввел, указал в него ссылку на яндекс диск (по идее щелкнул по ссылке, перешел на страницу скачки фото с Яндекс диска, ну это я так думал).

Заменил все в строке

<span class="ph-author" href="$PROFILE_URL$">$USER$</span>

на

<span class="ph-author" href="$OTHER1$">Скачать фото</span>

На странице с миниатюрами - все норм. Но при нажатии на ссылку "Скачать фото" ничего не происходит

 

---

Что хотел получить и что для этого сделал написал. Теперь вопрос:

Как реализовать возможность скачивать фото со страницы с фотографиями фотоальбома, что бы вместо имени автора со ссылкой на профиль - было "Скачать фото" со cсылкой на скачку?

P.S. На просторах форума находил код на скачку фото со страницы с полным изображением, но это немного не то....

Answer 1

Можно в виде материалов или странице комментариев добавить код вида:

 <?if($FULL_PHOTO_DIRECT_URL$)?><a href="$FULL_PHOTO_DIRECT_URL$" download>Скачать Фото</a><?endif?>

вот и все.

Comments

В виде фотографий, так сделать не получилось (может куда то не туда добавлял). А вот во всплывающем окне получилось. Этот способ я еще вчера опробывал. Наткнулся при поиске на ваш ответ и опробывал. Спасибо!  Жаль, что в виде фото не получается( а так было бы здорово, что бы без лишних полей и сторонних хостов, просто ссылка на оригинал фото.

---

Михаил Папшев,

Не знаю как вы так ставили, но в виде это условие работает даже отлично, проверил вот у себя на тестовом сайте.

---

Большое спасибо! Заработало. Не туда ставил!

На всякий случай, для таких же "страждущих"

 

И вот как выглядит

 

 

Answer 2

Попробуйте <span и </span> поменять на <a target="_blank" и </a> соответственно. И вообще, зачем вам отдельное поле, если есть $FULL_PHOTO_DIRECT_URL$

Comments

Надпись "Скачать фото" пропадает вовсе

---

Михаил Папшев,

Посмотрел, ссылка работает нормально. Вы уже, наверное, поставили предложенный ниже скрипт?

---

Спасибо, но что то не пошло у меня((

---

Пробывал сначала, как предложили вы, но что то не пошло и я поставил скрипт....

возможно я ошибся когда делал по вашему совету

Код должен быть таким?

 <a target="_blank" href="$OTHER1$">Скачать фото</a>

 

---

Михаил Папшев,

Да, таким...

Answer 3

    <span class="ph-author" href="$OTHER1$">Скачать фото</span>

замените на

   <span class="ph-author" data-url="$OTHER1$">Скачать фото</span>

 

Перед </body> добавьте

<script>

$('.ph-author').on('click', function(){
  location.href = this.dataset.url;
})

</script>

Comments

Спасибо. Получилось!!!

А как в отдельном окне открывать?

    <span class="ph-author" data-url="$OTHER1$" target="_blank">Скачать фото</span>

target="_blank", что то не работает....

---

Вместо предыдущего скрипта:

<script>

$('.ph-author').on('click', function () {
  window.open(this.dataset.url, '_blank');
});

</script>

Из-за политики безопасности браузеров новая вкладка (в некоторых случаях окно) будет по умолчанию блокироваться, а пользователю будет выдано предложение посмотреть или игнорировать вкладку.

Лучшим вариантом было бы использование target="_blank" для ссылки, но у вас уже все содержимое, которое всплывает при наведении на фото, является ссылкой, которая запускает предпросмотр фото в popup-окне. Поэтому, или решение на скрипте, или масштабное редактирование текущей верстки.