看板 Blog 關於我們 聯絡資訊
※ 引述《suoni (索尼)》之銘言: : 想問的是下面兩種效果: : 1.希望能設定某些側欄只在首頁出現, 這點用CSS應該可以辦到 首先先把你要隱藏的欄位找出來 例如我要隱藏我的"近期文章"#recent-article 那我把它 #recent-article{ display:none; } 又因為你只想讓它在首頁的時候顯示 所以再加上 body#blog-main #links #recent-article{ display:block; } 這樣應該就可以了 : 2.文章中有插入大尺寸圖片時,在首頁顯示摘要時只顯示縮圖, : 按下繼續閱讀看全文時,才顯示原尺寸的大圖呢? : (有點像是點相簿縮圖→看大圖的感覺) 至於這個應該也可以用CSS做到 運用跟第1點差不多的用法,先將文章裡的圖片都設為100x100的大小 .article-content img{ width:100px; height:100px; } 再來點開文章時,回復圖片的大小 #article-main .article-content img{ width:100%; height:100%; } 不過這點沒有常用所以不確定一定可以,有錯的話請高手指正 我平常倒是用highslide來作圖片縮放的功能啦 用起來也挺方便的,相關文章搜尋我之前PO的文就有了 : 不知道PIXNET有沒有類似的功能?或者有哪些部落格能控制到這部份呢? -- 鄉民的學習不能等... http://blog.pixnet.net/ayu91035 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 61.229.45.75
suoni:感謝!測試過後,應該可行! 01/29 16:11
suoni:不過還有一些小問題,在.article-content img指定圖片長寬時 01/29 16:12
suoni:假設100%好了,顯示的結果是縮放到外面這層div的100%寬度, 01/29 16:14
suoni:而不是圖片原尺寸的100%長寬,看起來還有哪裡需要修正…… 01/29 16:14