日期:2010-12-12 10:37:00 来源:本站整理
wordpress thickbox 增添"查看原图"效果代码[网站美工]
本文“wordpress thickbox 增添"查看原图"效果代码[网站美工]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:
- function tb_show(caption, url, imagegroup) {//function called when the user clicks on a thickbox link
- try {
- /// 代码省略...
- tb_nexthtml = "";
- tb_imagecount = "";
- tb_foundurl = false;
- ////// 翻开新窗口显示原图
- tb_opennewhtml = "";
- if(imagegroup){
- /// 代码省略...
- if (tb_foundurl) {
- tb_nextcaption = tb_temparray[tb_counter].title;
- tb_nexturl = tb_temparray[tb_counter].href;
- tb_nexthtml = "<span id='tb_next'> <a href='#'>"+thickboxl10n.next+"</a></span>";
- } else {
- tb_prevcaption = tb_temparray[tb_counter].title;
- tb_prevurl = tb_temparray[tb_counter].href;
- tb_prevhtml = "<span id='tb_prev'> <a href='#'>"+thickboxl10n.prev+"</a></span>";
- }
- ////// 翻开新窗口显示原图
- tb_opennewhtml = "<span style='font-size: 11pt'> <a href='"+url+"' target='_blank' style='color:red'>查看原图</a></span>";
- } else {
- tb_foundurl = true;
- tb_imagecount = thickboxl10n.image + ' ' + (tb_counter + 1) + ' ' + thickboxl10n.of + ' ' + (tb_temparray.length);
- ////// 翻开新窗口显示原图
- tb_opennewhtml = "<span style='font-size: 11pt'> <a href='"+url+"' target='_blank' style='color:red'>查看原图</a></span>";
- }
- }
- }
- }
- /// 代码省略...
- // resizing large images - orginal by christian montoya edited by me.
- /// 代码省略...
- // end resizing
- tb_width = imagewidth + 30;
- tb_height = imageheight + 60;
- //jquery("#tb_window").append("<a href='' id='tb_imageoff' title='"+thickboxl10n.close+"'><img id='tb_image' src='"+url+"' width='"+imagewidth+"' height='"+imageheight+"' alt='"+caption+"'/></a>" + "<div id='tb_caption'>"+caption+"<div id='tb_secondline'>" + tb_imagecount + tb_prevhtml + tb_nexthtml + "</div></div><div id='tb_closewindow'><a href='#' id='tb_closewindowbutton' title='"+thickboxl10n.close+"'><img src='" + tb_closeimage + "' /></a></div>");
- /////// 显示下一张图 + 新窗口查看原图(增添tb_opennewhtml)
- jquery("#tb_window").append("<a href='' id='tb_nextimage' title='"+thickboxl10n.next+"'><img id='tb_image' src='"+url+"' width='"+imagewidth+"' height='"+imageheight+"' alt='"+caption+"'/></a>" + "<div id='tb_caption'>"+caption+"<div id='tb_secondline'>" + tb_imagecount + tb_prevhtml + tb_nexthtml + tb_opennewhtml + "</div></div><div id='tb_closewindow'><a href='#' id='tb_closewindowbutton' title='"+thickboxl10n.close+"'><img src='" + tb_closeimage + "' /></a></div>");
- jquery("#tb_closewindowbutton").click(tb_remove);
- if (!(tb_prevhtml === "")) {
- /// 代码省略...
以上是“wordpress thickbox 增添"查看原图"效果代码[网站美工]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
本文地址: | 与您的QQ/BBS好友分享! |
评论内容只代表网友观点,与本站立场无关!
评论摘要(共 0 条,得分 0 分,平均 0 分)
查看完整评论