0
我设计了一个网页,左边有一个div元素,中间有iframe,右边有另一个iframe。使用Lightbox Jquery插件
1.在中心的iframe中,我点击这些图片加载缩略图图片,调用lightbox插件并在整个文档上显示较大的图片(背景模糊)。
2.我正面临的问题是,灯箱插件在中心iframe中加载,而不是在整个文档中(如在许多社交网站中)。
3.我已经从网上下载的灯箱插件,并用它在我的网页
4,我想与收藏的帮助来显示整个文档中的图像。
任何帮助是极大的赞赏
这里是我写
<!--this code is written in home page-->
<div>
<ul>
<li><a href="http://localhost/php/image.php?category=sea" target="description" class="underline">SEA</a></li>
<li><a href="http://localhost/php/image.php?category=ANIMALS" target="description" class="underline">ANIMALS & BIRDS</a></li>
<li><a href="http://localhost/php/image.php?category=plants" target="description" class="underline">plants</a></li>
<li><a href="http://localhost/php/image.php?category=Tourism" target="description" class="underline">Tourism</a></li>
<ul>
</div>
<filedset><iframe name="description" width="725px" height="800px" align="left" frameborder="0" id="description"></iframe></fieldset>
<fieldset>
<iframe name="info" width="300px" height="380px" frameborder="0" src="UserInformation.php" id="iframeid"><!--logged in user's information-->
</iframe>
</fieldset>
<!--this code is written in image.php file-->
<head>
//calling JQUERY LIGHT BOX PLUGIN HERE ON clicking an image displayed in this page(within iframe name="description")
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="../css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>
</head>
感谢代码段。
? http://jsfiddle.net – bvulaj 2012-04-24 18:37:41
一个页面垂直分为三个部分。第一部分在菜单项上点击菜单项,图像列表使用php在同一页面上但在iframe中从数据库加载。当thubnail图像被点击的插件被调用来显示更大的图像。问题是灯箱被加载到iframe中我希望它显示在前台和页面的所有其他3个部分在后台(如在社交网站中)。 – 2012-04-25 04:35:46
我的意思是说,我们实际上需要看你的代码。 – bvulaj 2012-04-25 12:38:27