在页面上弹出层效果。
<script type="text/javascript">
$(document).ready(function() {
$("a#example6").fancybox({
'titlePosition':'outside',
'overlayColor':'#000',
'overlayOpacity':0.9
});
$("a#example7").fancybox({
'titlePosition':'inside'
}); $("a#example8").fancybox({
'titlePosition':'over'
}); $("a[rel=example_group]").fancybox({
'transitionIn':'none',
'transitionOut':'none',
'titlePosition':'over',
'titleFormat':function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>';
}
});
});
</script> <a id="example8" href="<%# Eval("ProductsPic") %>" title="名称:<%# Eval("ProductsTitle") %>。说明:<%# Eval("ProductsTxt") %>">
<img src="<%# Eval("ProductsPic") %>" alt="<%# Eval("ProductsTxt") %>" />
</a>
//以上用Repeater绑定,循环读取所有数据
在IE6.0中,点击第一条数据是正确的能弹出层,但是点击第二条开始就直接跳转到图片地址中,无法弹出层。IE8.0中测试正常。难道是css样式表有问题?
<script type="text/javascript">
$(document).ready(function() {
$("a#example6").fancybox({
'titlePosition':'outside',
'overlayColor':'#000',
'overlayOpacity':0.9
});
$("a#example7").fancybox({
'titlePosition':'inside'
}); $("a#example8").fancybox({
'titlePosition':'over'
}); $("a[rel=example_group]").fancybox({
'transitionIn':'none',
'transitionOut':'none',
'titlePosition':'over',
'titleFormat':function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>';
}
});
});
</script> <a id="example8" href="<%# Eval("ProductsPic") %>" title="名称:<%# Eval("ProductsTitle") %>。说明:<%# Eval("ProductsTxt") %>">
<img src="<%# Eval("ProductsPic") %>" alt="<%# Eval("ProductsTxt") %>" />
</a>
//以上用Repeater绑定,循环读取所有数据
在IE6.0中,点击第一条数据是正确的能弹出层,但是点击第二条开始就直接跳转到图片地址中,无法弹出层。IE8.0中测试正常。难道是css样式表有问题?
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货