通知：使用135編輯器，請?jiān)凇?60安全瀏覽器”“獵豹瀏覽器”“谷歌瀏覽器”，可減少出現(xiàn)一大堆問題！詳情戳《135編輯器新手指南》

胖友們，早上好！

都說一張美美的圖能為文章增色三分！

那如果是一個(gè)交互的圖片樣式 + 幾張美美圖呢？這能為文章增色多少呢？

第一張圖片

第二張圖片

第三張圖片

第四張圖片

第五張圖片

左右滑動(dòng)查看更多

左右滑動(dòng)查看更多

使用這種樣式，即能有效的展示圖片，還能縮小文章空間，而且還與讀者存在互動(dòng)交互，想不想知道這種樣式怎么做出來呢？

但是，樣式中心的原樣式，都是四張圖片滑動(dòng)的，直接進(jìn)行換圖就可以使用了。

但如果要像三兒上面做的兩個(gè)樣式，一個(gè)是5張圖，一個(gè)是9張圖，就要進(jìn)HTML進(jìn)行修改了。

進(jìn)入到“HTML”模式，找到<section .........>          </section>這段代碼，先選擇Ctrl+C復(fù)制。

然后在此段代碼結(jié)尾處敲回車鍵換行，再選擇Ctrl+V粘貼。

粘貼幾次，樣式就會(huì)在原有四張的基礎(chǔ)上多出幾張，胖友們可以根據(jù)自己的需求進(jìn)行多次粘貼。

進(jìn)入到“HTML”模式，找到<img src=........./>這段代碼，先選擇Ctrl+C復(fù)制，然后在此段代碼結(jié)尾處，再Ctrl+V粘貼。

同上個(gè)樣式，粘貼幾次，樣式就會(huì)在原有四張的基礎(chǔ)上多出幾張，胖友們可以根據(jù)自己的需求進(jìn)行多次粘貼。

1、圖片請保持尺寸一致。否則會(huì)導(dǎo)致圖片層次不齊。

2、尺寸請500x500以上。否則可能會(huì)使圖片不清楚。

3、圖片大小盡可能小點(diǎn)。否則瀏覽時(shí)加載會(huì)不流暢。

左 右 滑 動(dòng) 查 看 更 多