请选择 进入手机版 | 继续访问电脑版
论坛公告
论坛公告
在线工具
在线工具
热门版块
热门版块
查看: 92|回复: 18

[文字类] 图片展示特效系列之五(网络收集整理)

[复制链接]
  • TA的每日心情
    擦汗
    昨天 13:24
  • 签到天数: 84 天

    [LV.6]常住居民II

    360

    主题

    4221

    帖子

    4万

    积分

    管理员

    德勋
    4274
    金丹
    17759
    功绩
    1713
    灵芝
    8134
    精华
    0
    阅读权限
    255
    注册时间
    2016-8-12
    在线时间
    497 小时
    发表于 2019-2-21 07:45:37 | 显示全部楼层 |阅读模式


    浏览说明:
    本展示特效为分类浏览方式,即把图片分为两组进行展示(亦可理解为两类)。浏览时先点击
    “庄心妍写真1”或“庄心妍写真2)任何一个图片包标签,当点开图片包后,页面即显示左右箭头图片和“收缩”字样链接,而图片包里的图片也呈一字型排开,这时先点击第一张或其中某一张图片,页面中间即显示原图,接下去可以点击左右箭头浏览,也可以点击展开的小图浏览。如要浏览图片包2,则要先点击“收缩”链接返回到图片包打开前页面,然后再点击“庄心妍写真2”图片包展开浏览。




















    文档代码编辑、图片制作替换及上传

    1、文档代码编辑
    需要编辑的文档为index.html,用记事本打开,然后找到“庄心妍写真1”修改为你要命名的分类图片包名称,同理也找到“庄心妍写真2”进行修改。播放器代码是另外放进去的,主要是为了加个音乐,亲们在编辑时可以删除。
    2、图片制作替换
    图片放在images文件夹下的album1和album2两个文件夹里,其中album1和album2两个文件夹里分别有thumbs子文件夹,这个子文件夹里放的是小图,也就是显示页面图片包里的样图,album1和album2两个文件夹里的图片为原图,根目录下bg.jpg为底图。图片制作要求为:原图尺寸掌握在1024*768像素左右,不要太大,thumbs子文件夹里的小图控制在110*80左右。背景底图为填充方式,因此bg.jpg图片可以适当加大或缩小,至于使用1000*1000是否可以没有试过。此外,无论是原图还是小图,其数量不能超过6张,这也就意味着每个图片包里的图片总数量为6张,曾尝试过增加图片数量并添加代码,但没成功,还有待于进一步研究。
    3、文件上传
    文件上传空间后的目录结构要和本地一模一样,为了预防出错,最好是在上传文件前先在空间建立好目录,然后再上传,如使用FTP本地上传,则可以把整个文件夹直接拽到空间里,那样不会出错。


    代码分享:

    游客,如果您要查看本帖隐藏内容请回复

    评分

    参与人数 7德勋 +80 金丹 +80 功绩 +6 灵芝 +80 收起 理由
    烟雨芙蓉 + 10 + 10 + 10 精彩分享!
    三月风 + 10 + 10 + 10 精彩分享!
    墨雪幽梅 + 15 + 15 + 1 + 15 唯美漂亮!
    霓裳雨露 + 10 + 10 + 1 + 10 精彩分享!
    紫色韵味 + 10 + 10 + 10
    清风雨轩 + 15 + 15 + 2 + 15 精彩分享!
    闲椅一枝花 + 10 + 10 + 2 + 10 精彩分享!

    查看全部评分

    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    昨天 13:06
  • 签到天数: 92 天

    [LV.6]常住居民II

    29

    主题

    2429

    帖子

    1万

    积分

    贵宾

    德勋
    974
    金丹
    4378
    功绩
    46
    灵芝
    3237
    精华
    0
    阅读权限
    150
    注册时间
    2018-6-13
    在线时间
    41 小时

    特邀嘉宾

    发表于 2019-2-21 14:46:50 | 显示全部楼层
    漂亮的写真照,歌曲唯美好听1
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    昨天 13:06
  • 签到天数: 92 天

    [LV.6]常住居民II

    29

    主题

    2429

    帖子

    1万

    积分

    贵宾

    德勋
    974
    金丹
    4378
    功绩
    46
    灵芝
    3237
    精华
    0
    阅读权限
    150
    注册时间
    2018-6-13
    在线时间
    41 小时

    特邀嘉宾

    发表于 2019-2-21 14:55:08 | 显示全部楼层
    精彩特效,有左右替换,有上下替换,精彩
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    昨天 13:06
  • 签到天数: 92 天

    [LV.6]常住居民II

    29

    主题

    2429

    帖子

    1万

    积分

    贵宾

    德勋
    974
    金丹
    4378
    功绩
    46
    灵芝
    3237
    精华
    0
    阅读权限
    150
    注册时间
    2018-6-13
    在线时间
    41 小时

    特邀嘉宾

    发表于 2019-2-21 14:55:30 | 显示全部楼层
    谢谢老师分享精彩,收集辛苦了!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    昨天 13:06
  • 签到天数: 92 天

    [LV.6]常住居民II

    29

    主题

    2429

    帖子

    1万

    积分

    贵宾

    德勋
    974
    金丹
    4378
    功绩
    46
    灵芝
    3237
    精华
    0
    阅读权限
    150
    注册时间
    2018-6-13
    在线时间
    41 小时

    特邀嘉宾

    发表于 2019-2-21 14:56:59 | 显示全部楼层
    回复

    使用道具 举报

  • TA的每日心情
    开心
    3 天前
  • 签到天数: 26 天

    [LV.4]偶尔看看III

    20

    主题

    835

    帖子

    4974

    积分

    超级版主

    德勋
    580
    金丹
    1583
    功绩
    51
    灵芝
    1340
    精华
    1
    阅读权限
    150
    注册时间
    2019-1-25
    在线时间
    27 小时

    最佳新人活跃会员超级版主文学

    发表于 2019-2-21 15:54:30 | 显示全部楼层
    精彩特效,赏学收藏!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    3 天前
  • 签到天数: 26 天

    [LV.4]偶尔看看III

    20

    主题

    835

    帖子

    4974

    积分

    超级版主

    德勋
    580
    金丹
    1583
    功绩
    51
    灵芝
    1340
    精华
    1
    阅读权限
    150
    注册时间
    2019-1-25
    在线时间
    27 小时

    最佳新人活跃会员超级版主文学

    发表于 2019-2-21 15:54:57 | 显示全部楼层
    多谢老师分享,辛苦了
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    3 天前
  • 签到天数: 26 天

    [LV.4]偶尔看看III

    20

    主题

    835

    帖子

    4974

    积分

    超级版主

    德勋
    580
    金丹
    1583
    功绩
    51
    灵芝
    1340
    精华
    1
    阅读权限
    150
    注册时间
    2019-1-25
    在线时间
    27 小时

    最佳新人活跃会员超级版主文学

    发表于 2019-2-21 15:55:15 | 显示全部楼层
    祝老师安康快乐!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    郁闷
    3 天前
  • 签到天数: 37 天

    [LV.5]常住居民I

    89

    主题

    2028

    帖子

    2万

    积分

    高级会员

    德勋
    2293
    金丹
    9436
    功绩
    209
    灵芝
    3954
    精华
    0
    阅读权限
    100
    注册时间
    2016-7-14
    在线时间
    144 小时

    最佳新人活跃会员版主新人优秀会员

    发表于 2019-2-22 10:01:30 | 显示全部楼层
    感谢老师的精彩分享
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    难过
    昨天 22:49
  • 签到天数: 82 天

    [LV.6]常住居民II

    123

    主题

    7220

    帖子

    4万

    积分

    管理员

    德勋
    3330
    金丹
    17325
    功绩
    227
    灵芝
    10039
    精华
    3
    阅读权限
    255
    注册时间
    2016-7-4
    在线时间
    214 小时

    魅力公主真我风采最佳新人活跃会员管理员优秀会员勤劳之星

    发表于 2019-2-22 10:19:09 | 显示全部楼层
    精彩特效,谢谢老师收集分享!
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Powered by Discuz! 3.4

    快速回复 返回顶部 返回列表