Как получить содержимое fancybox для загрузки после нажатия ссылки?

загружает содержимое fancybox во время загрузки страницы. Я хочу, чтобы вы могли загружать контент только при нажатии ссылки ... прямо сейчас содержимое внутри fancybox загружается при открытии страницы. Я думаю, вам нужно поставить обработчик событий, но я не знаю, как это сделать.Как получить содержимое fancybox для загрузки после нажатия ссылки?

просмотрите видео, чтобы ПОНИМАТЬ ПОЛНОСТЬЮ! http://www.youtube.com/watch?v=b6MxkBhRC-w

вот мой код

<body> 

<a href="#image_link" title="PutLockerMedia" id="click">watch</a> 
<div style="display:none"> 
    <div id="image_link"> 
    <div class="imageWrapper"> 
     <div class="image"> 
    <iframe src="http://www.putlocker.com/embed/E25FA20CE8643E5F" width="600" height="360" frameborder="0" scrolling="no"></iframe> 
     </div> 
    </div> 
    </div> 
</div> 




<script type="text/javascript"> 
$(document).ready(function() { 
     $("#click").fancybox(); 
    }); 
</script> 


</body>

источник

2014-02-11 user3295224

Проблема заключается в том, что вы загружаете iframe как inline, поэтому независимо от того, что это видно или нет, оно по-прежнему загружается в фоновом режиме.

То, что вы должны сделать, вместо того, чтобы нацеливание селектора инлайн #image_link, ориентированы непосредственно на содержание iframe (значения атрибута src) в вашем <a> тэга как:

<a href="http://www.putlocker.com/embed/E25FA20CE8643E5F" title="PutLockerMedia" id="click">watch</a>

.. ., и это только HTML вам нужно (вы можете удалить скрытые div)

Затем используйте этот код:

$(document).ready(function() { 
    $("#click").fancybox({ 
     type: "iframe", 
     width: 600, 
     height: 360 
    }); 
});

См JSFIDDLE

источник

2014-02-11 03:29:13 JFK

Спасибо, наконец, кто-то меня понимает Бог благословит вас :) – user3295224

Я не знаю FancyBox, но я знаю, что-то похож 'Lightbox'. Я думаю, что они могут работать одинаково.

Не the fancybox загружает содержимое, в котором вы нуждаетесь, но загружается iframe. Думаю, Fancybox показывает это только в каком-то стиле.

Так что старайтесь удалить атрибут src в iframe. И попробуйте показать API использования fancybox. Я могу использовать лайтбокс, чтобы показать, что я имею в виду.

$("#click").click(function() {$("iframe").attr("src","xxxx"); $.lightbox("#image_link")})

Я надеюсь, что это помогает.

источник

2014-02-11 02:02:11

Как получить содержимое fancybox для загрузки после нажатия ссылки?

ответ

Смежные вопросы