Re: [請問] 請問有無根據圖片自動產生網頁及連結的 …
先提供一下原提問的做法
(因為一開始沒說會用到影像地圖...
用影像地圖的話會有較多的東西要做小調整)
原問題: 小圖點選變大圖
土法煉鋼法:
先把大圖縮小一份
bird.jpg +> bird_s.jpg
cloud.jpg +> cloud_s.jpg
flower.jpg +> flower_s.jpg
grass.jpg +> grass_s.jpg
接著用cmd指令 trss /f > 123.txt
把8個圖檔的檔名+副檔名傳出成為文字檔 方便擷取
應該會變成這樣 用一些正規表示去取代後可以變成這樣
bird.jpg <a href="bird.jpg">
bird_s.jpg <img src="bird_s.jpg" alt="" /></a>
cloud.jpg <a href="cloud.jpg">
cloud_s.jpg <img src="cloud_s.jpg alt="" /></a>
... ...
個人是覺得第二層沒必要的話是不需要多加一個網頁檔
直接丟圖片其實差不多(如果沒有要弄一些奇怪的圖片外框裝飾的話)
到這邊就是簡單(土法)的圖轉網頁
其實也可以改用javascript 直接輸出圖片就可以了
之後再用js去解析圖片名稱字串 加料後直接.click.location 替代超連結
至於之後問題有稍微(?)變更後
要用到影像地圖...<map><area />
這就有點需要更加明確地條件才比較好處理
因為不曉得你所謂鳥雲花草四張圖邊界有沒有黏合在一起
也就是 合併縮小圖切兩刀後就是你要的四個區塊 > 若然 仿照上面自己改一下取代的內容
不過我想應該也會蠻有挑戰性的XD
還是說那四個要放大的區塊位置並不規則 > 善哉 施主還是再等等看有沒有這樣的軟體了
不然就慢慢切吧....
※ 引述《comicgene (cg)》之銘言：
: 我想要的軟體功能圖解如下
: http://img834.imageshack.us/img834/3902/40053550.jpg
: 上圖補充說明如下：
: 步驟一：
: 鳥、雲、花、草都在同一張圖[A.jpg]上，不是分開的四張圖
: 步驟二：(我這部分少畫了軟體，這步驟也是軟體功能之一)
: 該軟體應該有提供一個工具，能讓我分別選出圖上我所要的[範圍]
: 這有點像illustrator或photoshop的[切片工具]
: 步驟三：
: 該軟體會將大圖[A.jpg]縮成[a.jpg](可調整要縮的大小)，並把
: [步驟二]在大圖[A.jpg]所選取的四個[範圍]，分別切成四張圖
: 步驟四：
: 該軟體同時也會將[步驟二]在大圖[A.jpg]上選取的四個[範圍]
: 轉成縮圖[a.jpg]上的四個[連結] (網頁圖片的影像地圖)，
: 可分別連到[步驟三]產生的四張圖
: 因為有兩百多張大圖
: 用手動的方式會作到瘋掉…
: 請問有沒有什麼方法或軟體有上述的功能，付費軟體也沒關係
: 麻煩大家幫忙指點一下，感謝
--
◤tPr. ◥
◤◥-◥-◥▎ あんだバガ？
◣ 口 ◢▍ ◤
◢ ▇ ◣
◤ ◥◥
▅ ▅ ∮thePainter
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 125.233.178.149
推
11/09 23:21, , 1F
11/09 23:21, 1F
→
11/09 23:23, , 2F
11/09 23:23, 2F
→
11/09 23:37, , 3F
11/09 23:37, 3F
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 2 之 4 篇)：