0 Пользователей и 1 Гость просматривают эту тему.
  • 8 Ответов
  • 408 Просмотров
*

antoxa12

  • Новичок
  • 4
  • 0 / 0
Здравствуйте.
У меня вот какой вопрос:
На странице материала я делаю iframe, файл PDF для него берется с диска ondrive (ну это не важно).
Цитировать
<iframe src="https://onedrive.live.com/embed?cidxxxxxxxxxxxxxxxxxxxx" width="400" height="400"></iframe>
Я хочу сделать так, чтобы сразу этот файл не загружался, а только после нажатия кнопки типа "Развернуть/Посмотреть" на странице.
Отдельным вторым материалом по-моему это делать как-то неразумно, а другое мне в голову не идет.
Подскажите пожалуйста, как лучше такое сделать?
*

effrit

  • Легенда
  • 8512
  • 944 / 9
  • effrit.com
Re: Скрыть iframe под кнопкой "загрузить"
« Ответ #1 : 28.03.2017, 16:41:01 »
здра.
почитайте, как работет lazy-загрузка и напишите js-скриптик, который будет по нажатию на кнопку спойлера делать замену пути к источнику на данные из data-original.
*

antoxa12

  • Новичок
  • 4
  • 0 / 0
Re: Скрыть iframe под кнопкой "загрузить"
« Ответ #2 : 28.03.2017, 17:51:20 »
Так... почитал :)
Про скрипт замены пути я не понял.
Но вот какое решение у меня нарисовалось:
Поставить плагин lazy-load и плагин спойлера. Пока файл под спойлером, он не видим и не грузится, открывается спойлер и идет загрузка.
Правильно я рассуждаю? Вроде все логично. Надо пробовать :)
Спасибо за направление поиска.
*

effrit

  • Легенда
  • 8512
  • 944 / 9
  • effrit.com
Re: Скрыть iframe под кнопкой "загрузить"
« Ответ #3 : 28.03.2017, 18:00:45 »
да все правильно, просто обычно скрипты lazy-load обрабатывают картинки, а не pdf-ки.
поэтому в вашем случае логичнее просто плагин спойлера поставить и в нем дописать в нажатие на кнопку спойлера поиск и замену для дочернего pdf
*

effrit

  • Легенда
  • 8512
  • 944 / 9
  • effrit.com
Re: Скрыть iframe под кнопкой "загрузить"
« Ответ #4 : 28.03.2017, 18:12:04 »
т.е. плагин спойлера есть,
внутрь спойлера пишем вывод pdf без фреймов, через

<embed class="lazy" data-original="http://example.com/the.pdf" src="" width="500" height="375" type='application/pdf'>


в обработчик открытия спойлера дописать
Код
$("embed.lazy").each(function() {
    $(this).attr("src",$(this).attr("data-original"));
    $(this).removeAttr("data-original");
});
*

antoxa12

  • Новичок
  • 4
  • 0 / 0
Re: Скрыть iframe под кнопкой "загрузить"
« Ответ #5 : 29.03.2017, 22:57:59 »
Добрался снова до этого сайта :)
У меня нет ссылки на сам файл, есть ссылка на этот ondrive, а файлы будут оттуда. Получается только "внедрение" сделать. Оно там так называется. И выводится фреймом.
Получилось в общем-то практически то, что хотел.
Я использовал плагин Tabs & Slider & Spoilers (joomext.ru/plugin-tabs-slider-spoilers)

Единственное, чего понять не могу, этот файл во фрейме под спойлером как-то обрезано показывается. Фрейм полностью, а внутри него не всё.
Сам сайт у меня локальный пока, поэтому попытался на картинке показать.
Поясню. Сверху тот же код без спойлера - там все нормально (pdf-ка во весь фрейм)
<iframe src="https://onedrive.live.com/embed?cid=B4Fxxxxxxxxxx" width="476" height="288" frameborder="0" scrolling="no"></iframe>
Под спойлером тот же код, фрейм полностью, а файл только на треть.
Блин, всю голову уже сломал, не могу понять почему так.
*

antoxa12

  • Новичок
  • 4
  • 0 / 0
Re: Скрыть iframe под кнопкой "загрузить"
« Ответ #7 : 30.03.2017, 01:00:05 »
тут просто условный кусок вставлен, у меня стоит высота 950
на скрине маленький кусочек сверху спойлера имеет точно такой же код, но файл в нем идет до конца фрейма.

UPD ААААА! Простите, я дебила кусок!  :laugh: эта фигня была из-за изменения масштаба в браузере! Блин, я часа 4 разбирался в непонятных мне кодах, рыскал по форумам. Ширина была в процентах, высота в пикселях, а внутренности-то фрейма в размерах не менялись.... Вот вечно так, какая-нибудь дебильная ошибка/недочет кучу времени съедает.
« Последнее редактирование: 30.03.2017, 01:24:53 от antoxa12 »
*

effrit

  • Легенда
  • 8512
  • 944 / 9
  • effrit.com
Re: Скрыть iframe под кнопкой "загрузить"
« Ответ #8 : 30.03.2017, 01:15:04 »
ну нормально. все настоящие_детективы начинают с таких громких дел о таинственном уменьшении улик :)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Что блокирует отображение iframe на сайте?

Автор slepoy

Ответов: 2
Просмотров: 136
Последний ответ 02.06.2018, 17:14:53
от slepoy
Страница пытается загрузить скрипты из непроверенных источников

Автор Pavel_L

Ответов: 9
Просмотров: 244
Последний ответ 19.05.2018, 14:26:12
от Pavel_L
Скрыть форму обратной связи

Автор stendapuss

Ответов: 2
Просмотров: 116
Последний ответ 28.04.2018, 15:31:20
от stendapuss
Скролл наверх скрыть на мобильном устройстве

Автор ppb25

Ответов: 5
Просмотров: 142
Последний ответ 02.04.2018, 19:51:59
от ppb25
Не могу загрузить изображения на сайт

Автор daniil.rai

Ответов: 1
Просмотров: 211
Последний ответ 05.03.2018, 00:26:22
от arma