2014-01-07 50 views
1

即時嘗試做一個類似於這個網站http://epaper.rajexpress.in,但無法弄清楚如何將這個網站的CMS,因爲有一個單一的報紙形象,這個圖像被映射,每個映射區域是鏈接到另一個圖像,該圖像是該映射區域的放大版本。電子報網站建設

謝謝:)

+0

這是PHP,.NET還是JSP? – Sampson

回答

1

這種類型的事情是不是目前市場上大多數的內容管理的工作。我懷疑這需要大量的人工交互來宣佈本文每個部分的區域。這裏有一個工作流程,但:

  • 用戶上傳全高清晰度圖片
  • 顯示一個按比例縮小的,壓縮版本在屏幕上
  • 用戶點擊和拖動鼠標可以勾勒出一個區域
  • 座標和這種輪廓的尺寸被存儲
  • 概述圖像的一部分被保存到單獨的文件中,並且直到所有區域佔
  • 與COORDS /尺寸從步驟3
  • 重複相關

構建佈局本身時,會加載較小的縮小比例的圖像。然後,您拉入之前所有選擇的座標和尺寸。這些應該基於%值,因此它們會很好地覆蓋較小的整頁圖像。

所有重疊元素都是a元素,動態調整大小和定位。它們中的每一個指向從最初上載的高分辨率圖像提取的它們各自的圖像。

這應該足以讓你開始。祝你好運。

+0

用戶如何選擇一個區域並在線保存所選區域的座標? – exgenome

+0

你將不得不建立一個界面,用戶可以點擊圖像,它會跟蹤左側的%和頂部的%。然後,允許用戶增加寬度/高度,同時跟蹤每個區域總圖像高度的百分比。您將這四個座標存儲在數據庫記錄中以及對完整圖像和每個區域圖像的引用。 – Sampson