資料載入中

我是 chung

鎖住記憶

  • Chung
  • 0°C
  • 11 年又 41 天

圖文穿插效果

寫故事還是得圖文穿插看起來方便些~

其實一直都在找最適合寫故事的方式,一開始把所有上傳照片都放在故事開頭...看起來版面是很乾淨...

但的確也不是那麼容易閱讀...尤其是在手機的畫面上看..可以感覺到更不方便...

知道痞客邦是用html編輯器的方式讓使用者寫作...這會有點像word的方式排版...

但總覺得好像也沒有要那麼多功能...

最後還是先用了這樣的排版方式:

圖文穿插效果
上傳圖片的同時...系統也會將上傳的圖檔標籤寫入故事內文...

之後當把故事儲存後...前台便會顯示如下列畫面

圖文穿插效果
嗯,這樣就可以達到圖文穿插的結果....想以後寫故事或技術文應該方便多了吧....

至少在手機上看起來還不錯...

台北市松山區八德路四段650號 Go

  • 寫故事的最佳圖文排版方式
  • 手機閱讀故事的便利性
  • 痞客邦html編輯器的使用體驗
  • 圖文穿插提升故事可讀性
  • 上傳圖片與故事內文的整合方式
https://innstory.com/story-圖文穿插效果-389

上一篇
 早上好GoatCoffee山羊咖啡

下一篇
來一盤駱式海鮮義大利麵 

發表留言

  • Chung

    目前故事內容上傳照片只適用單選而不是複選,但可重上傳多次並無限制,上傳照片原本有設定單張照片上限是以次超過2MB為主,目前有先把上傳限制調整至5MB...可再試看看,謝謝。
    10 年又 162 天回覆
  • 季念

    Chung 今天想來寫一篇回顧這一年的文章,需要放很多張照片,然而卻發現照片只能放一張。 有些是檔案太大,我調過之後又再試了一次,雖然他沒有再跑出檔案太大的提示,可是它上傳到一半,就不見了,試了很多次都是這樣子,請問怎麼辦?
    10 年又 162 天回覆

作者簡介

我是chung,網路工作者

主業是網站系統開發建置
副業是做夢、紀錄故事
作品請參考:teme.biz
做夢請參考:innstory.com
聯絡:chung.teme@gmail.com

有人用筆寫日記,有人用歲月寫日記,有人用照片寫日記,而我,用innstory寫日記。


推薦閱讀

作者其他相關類別故事

Responsive Web Design使用CSS3的Media Queries進行自適應網頁設計

Responsive Web…

Chung 11 年又 34 天 2.5K

智慧型手持裝置(手機、平板)已是非常普及的日常生活必需品。 所以現在,在開發系統時客戶都會詢問是否支...

jQuery效果滑動隱藏

jQuery效果滑動隱藏

Chung 10 年又 227 天 1.9K

因為需要所以紀錄下來,主要是要透過點選按鈕將字串隱藏或顯示出來... 雖說可以直接用hide或是sh...

手指練習器

手指練習器

Chung 2025-11-05 下午 6 點 189

學習樂器從來就沒有所謂的「簡單」。 年紀小、壓弦手指力氣不夠,確實有點吃虧,每次的壓弦每次的喊痛,...


推薦閱讀

這個地址也發生了其他故事

PHP數字轉國字...

PHP數字轉國字...

Chung 11 年又 107 天 2.6K

什麼鬼...客戶系統的需求竟然有一個數字要轉成國字.... 數字轉國字...數字轉國字...就是要把...

判斷捲軸的位置

判斷捲軸的位置

Chung 11 年又 46 天 2.1K

當捲軸往下移動時,判段目前移動到哪個位置... Javascript部份 html部份 可以利用在...

RewriteRule仿靜態連結

RewriteRule仿靜態…

Chung 11 年又 8 天 2.4K

前幾天寫了關於404頁面導向位置的定義。 同樣的是要定義.htaccess 這次是要將網址改變......


附近景點

這個地址-台北市松山區八德路四段650號-附近還有甚麼?

  • 南港臺電倉庫
  • 陳德星堂
  • 臺灣總督府電話交換局
  • 總統府
  • 草山水道系統
  • 舊高等農林學校作業室(磯永吉紀念室)