資料載入中

我是 chung

鎖住記憶

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

圖文穿插效果

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

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

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

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

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

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

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

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

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

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

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

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

上一篇
 早上好GoatCoffee山羊咖啡

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

發表留言

  • Chung

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

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

作者簡介

我是chung,網路工作者

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

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


推薦閱讀

作者其他相關類別故事

querySelectorAll對多個相同ID做統一處理

querySelectorA…

Chung 9 年又 9 天 3.9K

範例,想將同一組ID的DIV做統一隱藏的動作 我知道使用重複ID並不好,但我目前就遇到這樣的情況...

114年全國學生音樂比賽恭喜絲竹室內樂特優

114年全國學生音樂比賽恭喜…

Chung 2026-03-11 下午 8 點 625

全國學生音樂比賽,我們場場不缺席。今年來到宜蘭,從 3/6 國樂合奏全國賽,一路到 3/11 絲竹室...

講了大半輩子客語,竟然要上客語課

講了大半輩子客語,竟然要上客…

Chung 2026-07-09 上午 11 點 453

講了大半輩子的客語,從沒想過有一天,我竟然會坐在教室裡聽客語教學。 我出生在四周都是客家人的環境。為...


推薦閱讀

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

PHP數字轉國字...

PHP數字轉國字...

Chung 11 年又 216 天 2.9K

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

判斷捲軸的位置

判斷捲軸的位置

Chung 11 年又 155 天 2.2K

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

RewriteRule仿靜態連結

RewriteRule仿靜態…

Chung 11 年又 117 天 2.6K

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


附近景點

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

  • 臺灣總督府電話交換局
  • 專賣局(今臺灣菸酒股份有限公司)
  • 國立臺灣大學日式宿舍-溫州街22巷4號
  • 大稻埕千秋街店屋
  • 孫運璿重慶南路寓所
  • 大稻埕辜宅