Skip to content

Instantly share code, notes, and snippets.

@wanghailei

wanghailei/wechat-article-horizontal-slide

Created January 7, 2016 16:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save wanghailei/3faf1e4d617b2500f2d1 to your computer and use it in GitHub Desktop.
Save wanghailei/3faf1e4d617b2500f2d1 to your computer and use it in GitHub Desktop.
Download ZIP
The magic code for a group of image to slide horizontally. It's weird but works due to the <p><br/></p> at the end.
Raw
wechat-article-horizontal-slide
<section style="margin:0 auto;padding:0;border-style:none;">
<p style="white-space:nowrap; overflow-x:scroll;">
<img style="width: 300px !important; margin-right: 5px; visibility: visible !important; height: auto !important;" data-ratio="0.6533333333333333" data-w="300" width="300px" src="https://mmbiz.qlogo.cn/mmbiz/t96EiaazTTSicqr1DQGsPNoL3cbmK3oIe4lM4s4KHbAObYE6bQrdL15uk3TT01XecRUfSO4TS6oEzyfYa0TRzH2Q/0?wx_fmt=png"/>
<img style="width: 300px !important; margin-right: 5px; visibility: visible !important; height: auto !important;" data-ratio="0.6533333333333333" data-w="300" width="300px" src="https://mmbiz.qlogo.cn/mmbiz/t96EiaazTTSicqr1DQGsPNoL3cbmK3oIe4wOFiaG6emYZFhqlXvBCRia7GSPaTChjdWTAPdh1JykzxtlvZ14vmuVYg/0?wx_fmt=png"/>
<img style="width: 300px !important; margin-right: 5px; visibility: visible !important; height: auto !important;" data-ratio="0.6533333333333333" data-w="300" width="300px" src="https://mmbiz.qlogo.cn/mmbiz/t96EiaazTTSicqr1DQGsPNoL3cbmK3oIe4IOkBVV33nkJwPqmGOkOicFEl0loiaaWQyhjCJQTjsJzlLpLcYjFEyWeQ/0?wx_fmt=png"/>
</p>
</section><p><br/></p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment