各位先进好 小弟我最近要修改一个网站 要将网站中的图片修改成能在固定大小的视窗中放大缩小 (详见前一篇提问 #1MQLCyo0) 我使用了板上先进提供的连结里的panzoom.js 具体实作如图 http://i.imgur.com/ZjwkO48.png 效果会像这样 http://i.imgur.com/XGbOBQD.jpg (下面按钮後来有修改到同一行) 然而在其中一个页面遇到困难 ---以下说明开始--- 该页面是类似一个线上测验的形式 有复数大题、大题之下还有复数小题、底下有"Next"的按钮可以前往下一题 要做的是将大题或小题中出现的图片(不一定会有)修改成上图实作的缩放形式 该页面原本的实作方式是在页面laod进来时便获取所有题目资讯 接着对每个大题和小题用 document.createElement("DIV") 的方式 将header和content的架构弄出来 图片、题目叙述、选项等则是以 .innerHTML 加入 每个大题的<div>创建出来後会被 .hide 起来 做答到该题号才会 .show 所以架构上会是这种形式 http://i.imgur.com/0Pc9Yll.png (原本只有红框处) ---以上说明结束、以下问题开始--- 问题一： 我一开始的想法是把第一张图的结构缩成一行 直接接到要 .innerHTML 的字串buffer上 如此图片和按钮有出来但并无效果 自己另外写了简单的测试网页 似乎第一张图只要是<section>本身或是<script>的部份是用 .innerHTML 的方式印出 就不会有效果，请问这个猜测是否正确? 问题二： 我第二个想法是把<script>部份抽出全部放到底下 取得section的方式改为用id来找 (也就是若有 N 个大题+小题，下面就会有 N 个几乎一样的<script></script>) 虽然想当然尔这样做也行不通 不过想请教这种有重复多个的<script>该如何处理? 问题三： 刚刚朋友给我一个想法，把第一张图里的<section>、<div>、<img>、<button>、<script> 等标签都用 document.createElement 的方式做出来 <script>里的内容则继续用 .innerHTML 印 请问这样的想法方向正确吗? ---以上问题结束--- 说明和提问有些冗长十分抱歉 因为我光是要搞懂这份jsp档在做什麽就花得不少时间 表达能力也不太好 希望各位先进能指点一二 --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 123.193.194.115 ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1450894370.A.F40.html