寫在前面 在此之前本博的圖片放大功能是采用的zoom.js,查看效果並不友好,圖片放大后模糊不清。具體操作步驟不再贅述,詳細移步:https://www.cnblogs.com/yadongliang/p/9327659.html 功能升級 本次進行功能升級,采用lightbox。 特色 ...
前言 好一陣子沒逛博客園了, 今天回自己博客搜點東西發現圖片放大功能不好使了 不是之前lightbox效果了 ,感覺很奇怪,難道博客園樣式升級連這個功能都給我屏蔽了 當時記錄的博文:博客園文章圖片點擊放大功能升級 習慣沉淀 博客園 cnblogs.com 解決 第一感覺是博客園升級把引入的js屏蔽了,F 發現罪魁禍首是所有的a標簽都被強行加了屬性: 因為這段js是自己定義的, 被博客園加上rel屬 ...
2021-11-10 21:59 0 108 推薦指數:
寫在前面 在此之前本博的圖片放大功能是采用的zoom.js,查看效果並不友好,圖片放大后模糊不清。具體操作步驟不再贅述,詳細移步:https://www.cnblogs.com/yadongliang/p/9327659.html 功能升級 本次進行功能升級,采用lightbox。 特色 ...
實現效果 圖片點擊后根據實際尺寸自動顯示 圖片加載與關閉淡入淡出 (可以點擊本文章圖片查看效果) 詳戳:https://www.lokeshdhakar.com/projects/lightbox2/ 參考:https://www.cnblogs.com ...
1、前往 zoom.js 的 github 下載需要的 js與css文件 2、將下載下來的 zoom.js 與zoom.css 上傳至自己的博客園文件 3、在博客園管理頁面進入設置(如未開通js使用權限,請先申請開通) 頁面定制CSS代碼 添加自定義代碼: 頁腳Html ...
博客園頁腳功能 博客簽名.html footer.css ...
序 看看項目經理是如何實現的? 插件選擇 試了幾個插件,感覺還是 lightbox 插件好用,鏈接:https://github.com/lokesh/lightbox2,該插件具備如下幾個特點: 點擊圖片后根據圖片實際尺寸自動顯示 ...
我屬於外貌協會中偏理性的一類人,對於自己博客界面當然也不會例外,誰不喜歡嫩嘟嘟水靈靈的皮膚呢,一款好的樣式更能激起我閱讀更新博客的興趣,這種來自於外在的客觀刺激是不容小覷的。所有這次對博客園的主題來了一次大改造. 風格預覽 既然我們的是技術型文章的博客(😂我的是學習筆記), 就要 ...
首先上效果圖 效果圖不上也可以,大家直接看我博客就看到效果了,每三秒鍾輪播一次。自定義博客園很簡單。因為博客園支持我們加載js,所以我們怎么玩都可以。 申請開通js權限 首先第一步是申請開通js權限,在這里我不得不說園子的管理效率也太高了。本來以為至少要等一天才能開通權限,結果我24 ...
這里給大家實現一個很簡單的背景圖片實現方法: 效果圖: 代碼如下(代碼來源:https://www.cnblogs.com/zhibu/p/7158807.html): 代碼復制到css代碼框里面就行了 如圖可以看出: 再安利一下右下角的那一個小可愛(偷偷告訴 ...