当前位置: 代码迷 >> JavaScript >> Lightbox 用过的请进解决办法
  详细解决方案

Lightbox 用过的请进解决办法

热度:506   发布时间:2012-03-11 18:15:39.0
Lightbox 用过的请进
Lightbox   显示照片确实漂亮,但
<script   language= "javascript ">
function   ss()
{
    document.getElementById( 'd1 ').innerHTML= " <a   title=\ "1\ "   href=\ "http://desktop.yesky.com/imagelist/07/20/3314094_m_3314096_8692.jpg\ "   rel=\ "lightbox\ "> <IMG   style=\ "WIDTH:   192px;   HEIGHT:   176px\ "   height=\ "176\ "   alt=\ "第一张(共3张)\ "   src=\ "http://desktop.yesky.com/imagelist/07/20/3314094_m_3314096_8692.jpg\ "   width=\ "192\ "   border=\ "0\ "> </a> ";
}
</script>

<div   id= "d1 "> </div>
<INPUT   type= "button "   value= "Button "   onclick= "ss() ">

当用js去写地址的时候,发现效果不能出现。不知道   lightbox到底能不能用这种方式显示。请各位大虾指点

------解决方案--------------------
原来抠过魔兽中文官网的图片放缩效果,那个也不赖!
------解决方案--------------------
jf
------解决方案--------------------
1: 在你的ss()最后加上myLightbox.initialize();
这一种方便 ,但是所有的 <a> 对象............

2:lightbox.js 给Lightbox的prototype 加上update属性,然后在你的ss()最后加上myLightbox.update();

update: function() {//类似initialize
if (!document.getElementsByTagName){ return; }
var anchors = document.getElementsByTagName( 'a ');
for (var i=0; i <anchors.length; i++)
{
var anchor = anchors[i];
//下面是相对 initialize 多加的
//以前添加过的监听就跳过
if(anchor.onclick ){continue;}

var relAttribute = String(anchor.getAttribute( 'rel '));
if (anchor.getAttribute( 'href ')&&(relAttribute.toLowerCase().match( 'lightbox ')))
{
anchor.onclick = function () {myLightbox.start(this); return false;
}
}
}
},
------解决方案--------------------
jf
------解决方案--------------------
回复人:szc21(卖炭翁) ( ) 信誉:100 2007-5-17 17:08:01 得分:0


?
谢谢支持,问题解决,累死我了,写这个js的人真强,看的我头晕。明天揭贴。接分的快


能不能看看那个js
------解决方案--------------------
jf
------解决方案--------------------
jf

------解决方案--------------------
我回答了 怎么没有给分啊
------解决方案--------------------
楼主说:有分给。于是我就来了~
  相关解决方案