Форум Сайтостроение Веб-строительство

Запретить с помощью Jquery загрузку iframe

lutskboy
На сайте с 22.11.2013
Offline
192
lutskboy
1432

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

siv1987
На сайте с 02.04.2009
Offline
427
siv1987
#1

Повесить их загрузка на событие при нажатие на вкладку.

lutskboy
На сайте с 22.11.2013
Offline
192
lutskboy
#2

это понятно. но они (iframe) изначально присутствуют на странице, и загружаются вместе с ней. что мне не нужно. поэтому и создал тему

    <ul id="tabs">

        <li onclick="sv(1)">Плеер 1</li>

        <li onclick="sv(2)">Плеер 2</li>

    </ul>

    <div id="vid1">

        <iframe width="640" height="360" src="//www.youtube.com/embed/DLHpdkFdFEk?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>

    </div>

    <div id="vid2">

        <iframe width="640" height="360" src="//www.youtube.com/embed/fd3yGetepEQ?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>

    </div>
siv1987
На сайте с 02.04.2009
Offline
427
siv1987
#3
lutskboy:
но они (iframe) изначально присутствуют на странице

Значит они не должны явно присутствовать на странице, иначе из jquery никак не запретить. Во всяком случае для изображений я способа так и не нашел. Поменяйте src на data-src, а дальше меняйте атрибут по событию.

В яндекс картинки исчезли [jQuery] Замена src у Отложенная загрузка и SEO
lutskboy
На сайте с 22.11.2013
Offline
192
lutskboy
#4

спасибо за наводку. так и сделаю.

[Удален]
#5

для видео в <object> достаточно display: none;

и оно не будет грузится

SocFishing
На сайте с 26.09.2013
Offline
118
SocFishing
#6

Поставь событие на вкладку, при клике подставляй свойство src фрейму.

http://jsfiddle.net/MALuP/

★Сервис идентифицирует (https://socfishing.com/?utm_source=searchengines) посетителей вашего сайта и предоставляет их профили ВКонтакте, Телефон, Почта! Цены копеечные, работаем 8 лет.
siv1987
На сайте с 02.04.2009
Offline
427
siv1987
#7
burunduk:
для видео в <object> достаточно display: none;

object по умолчанию и так может не грузится, его можно контролировать атрибутами или параметрами. А вот ифрейм вряд ли. Я и с изображениями долго боролся, но понял, что с предопределенным src никак не получится.

Настройка CSP - Content AdSense оптимизирует Ваши рекламные Как правильно реализовать внешние

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий