fancybox за пределы iFrame

vave

Полезный
Регистрация
22 Июн 2007
Сообщения
466
Реакции
16
Который раз сталкиваюсь с этой проблемой, и вот наконец, с помощью вас надеюсь её решу!
Сделал я изображение с открытием через fancybox, и всё это во фрейме, но к сожалению изображения открываются только в пределах фрейма, но никак не на весь экран, затемнение фона кстати тоже только во фрейме проходит.
Помогите решить данную проблему!
 
Вы залейте хоть посмотреть, что получается и скриншот, что вы хотите получить в итоге
 
index.html
HTML:
<html>
<head>
<title>Main</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js"></script>
<script>
function openFancy(href) {
  $.fancybox({
        'href': href
  });
}
</script>
<link href="fancybox/source/jquery.fancybox.css" rel="stylesheet" type="text/css" media="screen">
</head>
<body>
<iframe src="iframe.html" />
</body>
</html>

iframe
HTML:
<html>
<head>
<title>iframe</title>
</head>
<body>
<script>
parent.openFancy('image.jpg');
</script>
</body>
</html>
 
При открытии фрейма, сразу открывается изображение, но хотелось бы что бы это происходило при нажатии на изображение.
HTML:
<a class='fancybox' rel='gallery' href='enlarge/$image'><img src='thumbs/$image' width='300px'></a>

-----

Разобрался, просто прописал к openFancy - onClick:)
 
Последнее редактирование:
всем привет, может подскажите. У меня проблема с этим скриптом вернее не с этим с его собратом FancyZoom. Иногда скрипт срабатывае от нажатия любой ссылки на сайте и даже при нажатии в любое место на сайте. Может кто сталкивался с этим????
 
если сюда прямую ссылку не прописать, parent.openFancy('image.jpg');
то изображение не открывается
 
Код:
<a href="javascript:parent.jQuery.fn.fancybox.close();" >

Вы можете закрыть такие
 
И кстати если набираешь сайт с WWW то выдает ошибку
Uncaught SecurityError: Blocked a frame with origin "Для просмотра ссылки Войди или Зарегистрируйся" from accessing a frame with origin "Для просмотра ссылки Войди или Зарегистрируйся". Protocols, domains, and ports must match.
И вопрос с прямой ссылкой, еще открыт)

parent.openFancy('image.jpg'); так не работает
parent.openFancy('Для просмотра ссылки Войди или Зарегистрируйся так работает


Дело в том, что у фрейма и сайта разные ссылки.
Сайт Для просмотра ссылки Войди или Зарегистрируйся
фрейм Для просмотра ссылки Войди или Зарегистрируйся
и при открытии изображения, сайт запрашивает не Для просмотра ссылки Войди или Зарегистрируйся
а Для просмотра ссылки Войди или Зарегистрируйся, соответственно ничего не открывается.
 
Последнее редактирование:
1.Чтобы браузер не блокировал frame, пропиши в главном документе и во фрейме определение домена:
Код:
document.domain = 'http://website.ru';
2. В фрейме:
Код:
function funcy(){
parent.openFancy('image.jpg');
}
<a class='fancybox' rel='gallery' href='enlarge/$image' onclick="fancy()"><img src='thumbs/$image' width='300px'></a>
 
Последнее редактирование:
Назад
Сверху