收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1541|回复: 2

[求助] Js 里面写图片地址,然后指定的 div 里面显示问题

[复制链接]
发表于 2014-3-17 19:12:11 | 显示全部楼层 |阅读模式
30体力

    我想在 js 文件里面写 10 个图片的地址。

然后在 <div id="pic1"></div> 里面显示 js 里写的编号为 pic1 的图片;
            <div id="pic2"></div> 里面显示 js 里写的编号为 pic2 的图片;

怎么实现呢?

发表于 2014-3-18 13:30:58 | 显示全部楼层
你说的编号指的是什么
回复

使用道具 举报

发表于 2014-3-18 14:52:15 | 显示全部楼层
  1. var data, tpl, i, len, ret;

  2. data = [
  3.     {"id": "0"},
  4.     {"id": "1"},
  5.     ...
  6. ];

  7. tpl = '<div id="pic#{id}"><img src="images/pic#{id}.png" alt=""></div>;

  8. ret = [];

  9. for (i = 0, len = data.length, i < len; i++) {
  10.     ret.push(tpl_eval(tpl, data[i]));
  11. }

  12. $('body').html(ret.join(''));

  13. function tpl_eval(tpl, data) {
  14.     return tpl.replace(/\#\{([^\}])*\}/g, function(tag, key) {
  15.          return data[key];
  16.     });
  17. }
复制代码
回复

使用道具 举报

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

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-9-25 12:36 , Processed in 0.116894 second(s), 6 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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