各位先進好 小弟我最近要修改一個網站 要將網站中的圖片修改成能在固定大小的視窗中放大縮小 (詳見前一篇提問 #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/m.aspx?n=bbs/Web_Design/M.1450894370.A.F40.html