Крытые pdf файлы

[edem7778]

Добрый при добрый день!

Требуется реализовать такое: есть несколько файлов PDF, я их закинул в div none, и после нажатия они открываются, но проблема в том что страница долго грузится из за того что грузятся файлы в скрытом div.

Как мне это обойти???помогите плиз ребят)         Как то нужно сделать что бы только после нажатия на кнопку файлы подгружались

[klierik]

Используй AJAX

[Switch74]

обычно скрытые файлы через display:none; не грузятся пока их не сделают видимыми. Как вы pdf добавляете на страницу?

[Igor Schnaider]

5 часов назад, Switch74 сказал:

обычно скрытые файлы через display:none; не грузятся пока их не сделают видимыми.

По-моему, нормально все грузится, даже с display: none.

[edem7778]

23 часа назад, Switch74 сказал:

обычно скрытые файлы через display:none; не грузятся пока их не сделают видимыми. Как вы pdf добавляете на страницу?

сами файлы загружены на гугл диске, оттуда дается автоматически код с ссылкой 

<iframe id="vestnik-june" style="display: none;" src="https://drive.google.com/file/d/0BxYJTCrGB-7gZzRwZ216RXV4elE/preview" width="570" height="700"></iframe>

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

[Switch74]

<iframe id="vestnik-june" style="display: none;" data-src="https://drive.google.com/file/d/0BxYJTCrGB-7gZzRwZ216RXV4elE/preview" width="570" height="700"></iframe>

Попробуйте так, и при показе iframe вставляйте в src данные из data-src

 

[edem7778]

7 часов назад, Switch74 сказал:

<iframe id="vestnik-june" style="display: none;" data-src="https://drive.google.com/file/d/0BxYJTCrGB-7gZzRwZ216RXV4elE/preview" width="570" height="700"></iframe>

Попробуйте так, и при показе iframe вставляйте в src данные из data-src

 

то есть???не понял каким образом вставлять данные в src данные из data-src, и гуглил даже

[Switch74]

$('#vestnik-june').attr({'src':$('#vestnik-june').data('src')})

Если jquery у вас нет, делаете то же самое на js

document.getElementById('vestnik-june').src = document.getElementById('vestnik-june').data-src

 

[edem7778]

2 часа назад, Switch74 сказал:

$('#vestnik-june').attr({'src':$('#vestnik-june').data('src')})

Если jquery у вас нет, делаете то же самое на js

document.getElementById('vestnik-june').src = document.getElementById('vestnik-june').data-src

 

Возникла проблема, снова...

Не выводит ничего, даже ЗДЕСЬ

[Switch74]

https://jsfiddle.net/vx7auv1L/3/