帝国论坛 → 帝国网站管理系统交流区 → 帝国CMS使用交流 → [分享]图片集的自适应修改+新窗口打开大图 【本版专题贴子】  
主题：[分享]图片集的自适应修改+新窗口打开大图 [加入收藏夹]   

51shjg
用户头衔：秀才

精华贴   ：0
发贴数   ：114
经验值   ：536
注册时间：2006-12-12
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
[分享]图片集的自适应修改+新窗口打开大图
升级到5.0，发现过去自动的缩放功能没有了，于是搜啊搜啊，很花时间，借鉴帖子如下：

http://bbs.phome.net/showthread-13-57812-0.html

要感谢一下！！

主要实现功能：

1 自动适应我们设定的宽度和高度，避免出现撑破页面的情况
2 去除了走马灯缩略小图
3 点击图片显示原尺寸大图
4 其他没有了，去除了原来的点击图片展示下一张图片的功能

进入 管理标签模板——》图片集分页模板

页面模板内容的js代码里加入：

var flag=false;
function DrawImage(ImgD){
   var image=new Image();
   image.src=ImgD.src;
   if(image.width>0 && image.height>0){
    flag=true;
    if(image.width/image.height>= 500/400){
     if(image.width>500){  
     ImgD.width=500;
     ImgD.height=(image.height*500)/image.width;
     }else{
     ImgD.width=image.width;  
     ImgD.height=image.height;
     }
     }
    else{
     if(image.height>400){  
     ImgD.height=400;
     ImgD.width=(image.width*400)/image.height;     
     }else{
     ImgD.width=image.width;  
     ImgD.height=image.height;
     }
     }
    }
}


列表内容模板 修改为：

<a href='[!--picurl--]'><img src='[!--picurl--]' alt='[!--picname--]' border=1 onload='DrawImage(this)'></a><br><span style='line-height=18pt'>[!--picname--]</span>

[该贴被修改 1 次，最后修改时间 2008-07-28 21:09:17 ]


2008-07-28 21:04:04 已设置保密 顶部 回复 引用 报告 编辑 删除

zine
用户头衔：秀才 *

精华贴   ：0
发贴数   ：105
经验值   ：490
注册时间：2005-05-04
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 2 楼]

收藏



2008-07-28 22:23:28 已设置保密 顶部 回复 引用 报告 编辑 删除

dont
用户头衔：进士

精华贴   ：0
发贴数   ：2140
经验值   ：5059
注册时间：2008-02-26
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 3 楼]

好东西，支持



2008-07-29 08:42:13 已设置保密 顶部 回复 引用 报告 编辑 删除

meili
用户头衔：举人 *

精华贴   ：0
发贴数   ：453
经验值   ：1330
注册时间：2008-04-17
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 4 楼]

不错



2008-07-29 08:42:33 已设置保密 顶部 回复 引用 报告 编辑 删除

qlqlqlql1234
用户头衔：秀才

精华贴   ：0
发贴数   ：160
经验值   ：391
注册时间：2007-08-01
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 5 楼]

不行呀！！！


中学教学联盟
2008-09-20 12:20:15 已设置保密 顶部 回复 引用 报告 编辑 删除

菜虫一条
用户头衔：书生

精华贴   ：0
发贴数   ：34
经验值   ：201
注册时间：2006-02-21
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 6 楼]

搞了一天，终于发现这个帖子，万分感激，补充下
列表内容模板 修改为：
<a href='[!--picurl--]' target=‘_blank’><img src='[!--picurl--]' alt='[!--picname--]' border=1 onload='DrawImage(this)'></a><br><span style='line-height=18pt'>[!--picname--]</span>



加了个 target=‘_blank’，让图片新页面打开，感觉好点，哈

[该贴被修改 1 次，最后修改时间 2008-09-20 20:03:09 ]

中国潮剧网www.chaoju.cn
致力于打造全球潮人视听娱乐网站
2008-09-20 19:49:47 已设置保密 顶部 回复 引用 报告 编辑 删除

qlqlqlql1234
用户头衔：秀才

精华贴   ：0
发贴数   ：160
经验值   ：391
注册时间：2007-08-01
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 7 楼]

楼上朋友，这段代码到底放在哪“var flag=false;
function DrawImage(ImgD){
   var image=new Image();
   image.src=ImgD.src;
   if(image.width>0 && image.height>0){
    flag=true;
    if(image.width/image.height>= 500/400){
     if(image.width>500){  
     ImgD.width=500;
     ImgD.height=(image.height*500)/image.width;
     }else{
     ImgD.width=image.width;  
     ImgD.height=image.height;
     }
     }
    else{
     if(image.height>400){  
     ImgD.height=400;
     ImgD.width=(image.width*400)/image.height;     
     }else{
     ImgD.width=image.width;  
     ImgD.height=image.height;
     }
     }
    }
}”


中学教学联盟
2008-09-20 23:16:22 已设置保密 顶部 回复 引用 报告 编辑 删除

菜虫一条
用户头衔：书生

精华贴   ：0
发贴数   ：34
经验值   ：201
注册时间：2006-02-21
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 8 楼]

<script type="text/javascript">
var flag=false;
function DrawImage(ImgD){
   var image=new Image();
   image.src=ImgD.src;
……

直接插到第二行，也就是<script type="text/javascript">的下面即可


中国潮剧网www.chaoju.cn
致力于打造全球潮人视听娱乐网站
2008-09-23 20:18:21 已设置保密 顶部 回复 引用 报告 编辑 删除

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by： EBB Version 2.2.1