社区
JavaScript
帖子详情
Jquery的lightbox的使用问题
owen99333127
2011-03-14 09:50:28
lightbox分页后,为什么相册效果不出来了。是直接跳转页面显示图片,没有那个放大的效果,比如有2页,在第一页点击图片的时候,效果是出来的,但是到了下一页就不出来了。我用datalist动态绑定的。求大侠指教!
...全文
316
10
打赏
收藏
Jquery的lightbox的使用问题
lightbox分页后,为什么相册效果不出来了。是直接跳转页面显示图片,没有那个放大的效果,比如有2页,在第一页点击图片的时候,效果是出来的,但是到了下一页就不出来了。我用datalist动态绑定的。求大侠指教!
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
10 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
钱币老顽童
2011-10-31
打赏
举报
回复
很遗憾的告诉你:Game Over╮(╯_╰)╭
li1229363
2011-03-15
打赏
举报
回复
楼主同学,跨域的问题一般情况下是没有办法解决的。只能让你进行包含的JS文件存在于你当前与才可以丶说。
话说,这个问题,一般情况下,较多存在于符合W3C标准的浏览器中。IE解决起来比较容易的说。
owen99333127
2011-03-15
打赏
举报
回复
郁闷。上班回来居然一个回复都没有
owen99333127
2011-03-14
打赏
举报
回复
网上查了一下,应该是跨域的问题,第一次遇到。不知道怎么解决?
owen99333127
2011-03-14
打赏
举报
回复
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />
<link rel="stylesheet" type="text/css" href="css/update8.css" />
<!-- Arquivos utilizados pelo jQuery lightBox plugin -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/xixi.js"></script>
<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>
<style type="text/css">
/* jQuery lightBox plugin - Gallery style */
#gallery {
background-color: #302b24;
padding: 10px;
width: 620px;
height:620px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #302b24;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #302b24;
border-width: 5px 5px 20px;
color: #fff;
}
#gallery ul a:hover { color: #302b24; }
</style>
<%@ Page Language="C#" MasterPageFile="~/Main.master" AutoEventWireup="true" CodeFile="Details.aspx.cs"
Inherits="Details" Title="Products" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<div style="margin: 0 auto; margin-top: 50px;">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label" Font-Size="XX-Large"></asp:Label>
<div id="gallery">
<asp:DataList ID="DataList1" runat="server" RepeatColumns="4" RepeatDirection="Horizontal"
Width="519px">
<ItemTemplate>
<ul>
<li><a href='images/<%# Eval("imageurl") %>' title='<%# getURL((int)DataBinder.Eval(Container.DataItem,"itemId")) %>'>
<img src='images/<%# Eval("imageurl") %>' width="120" height="120" alt="" />
</a></li>
</ul>
</ItemTemplate>
</asp:DataList>
</div></ContentTemplate>
</asp:UpdatePanel>
</div>
</asp:Content>
我用的是母版页的。。
xuxubaby
2011-03-14
打赏
举报
回复
如果是在本地出现这信息的话,是不是iis权限不够啊
打字员
2011-03-14
打赏
举报
回复
跨域才会出现拒绝访问啊。
上点代码吧。
owen99333127
2011-03-14
打赏
举报
回复
网页错误详细信息
用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; Tablet PC 2.0; .NET4.0C)
时间戳: Mon, 14 Mar 2011 14:22:42 UTC
消息: 拒绝访问。
行: 194
字符: 4
代码: 0
URI: js/jquery.lightbox-0.5.js
分页后出现了这个警告。应该是这个问题了,怎么解决??
owen99333127
2011-03-14
打赏
举报
回复
[Quote=引用 1 楼 falizixun2 的回复:]
datalist,你说的是ASP。NET里的datalist??不太清楚,帮顶一下!加关注!
[/Quote]
是的,是asp.net的datalist
kaifadi
2011-03-14
打赏
举报
回复
datalist,你说的是ASP。NET里的datalist??不太清楚,帮顶一下!加关注!
jquery
-
lightbox
jQuery
Lightbox
是一款广泛
使用
的JavaScript库,专门用于在网页上创建优雅的、响应式的图片和媒体查看器。它以轻量级、可定制和用户友好而著称,是网页设计师和开发者们在处理网页中的图片展示时的首选工具。...
jQuery
Lightbox
4. 初始化插件:在页面加载完成后,
使用
jQuery
选择器找到标记的图片并调用
Lightbox
方法进行初始化。 例如,HTML代码可能如下所示: ```html <link rel="stylesheet" href="
jquery
.
lightbox
.css"> <script src="...
Jquery
lightbox
2炫酷相框功能
jQuery
Lightbox
2是一款广泛
使用
的JavaScript库,专门设计用于在网页上创建优雅的、响应式的图片和多媒体内容的弹出展示效果。它以其简洁的代码、强大的功能和良好的浏览器兼容性而受到开发者的喜爱。在本篇文章中,...
jQuery
Lightbox
图片放大
jQuery
Lightbox
插件就是为了解决这个
问题
而诞生的,它允许用户在原网页上下文中查看图片的大图,提供了良好的用户体验。下面我们将深入探讨
jQuery
Lightbox
的工作原理以及如何实现动态点击图片放大功能。 **1. ...
图片展示效果-
jquery
Lightbox
例如,一个电商网站的产品详情页可能包含多个产品图片,
使用
jQuery
Lightbox
可以提供一种直观、高效的浏览方式,提高用户体验。 总的来说,
jQuery
Lightbox
是一个强大且易用的图片展示工具,它为网页中的图片展示...
JavaScript
87,996
社区成员
224,708
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章