我正在尝试一个简单的代码,使用以下代码(我在 shopify 之外尝试过它的工作)使 floatbox 加载到 shopify 页面上,但如何在 shopify 上获取它是我的主要问题。
<!DOCTYPE html>
<html>
<head>
<title>fancyBox - Fancy jQuery Lightbox Alternative | Demonstration</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- Add jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="../source/jquery.fancybox.js?v=2.0.6"></script>
<link rel="stylesheet" type="text/css" href="../source/jquery.fancybox.css?v=2.0.6" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$("#fancybox-manual-b").click(function() {
$.fancybox.open({
href : 'http://2792.a.hostable.me/testing/instagram/loader.php?count=10',
type : 'iframe',
padding : 5
});
});
});
</script>
<style type="text/css">
.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}
</style>
</head>
<body>
<a id="fancybox-manual-b" href="javascript:;">iframe loader</a>
</body>
</html>
我的另一个问题是如何在加载时将数据从父页面发送到此 iframe(此数据用于计算和显示 iframe 中的结果),完成后,如果 iframe 关闭,是否可以发送一些计算结果返回父页面,如果是,请告诉我如何?
对此的任何启示都非常感谢,我对此非常初学者。
谢谢