Skip to content

Instantly share code, notes, and snippets.

@sanjsanj

sanjsanj/ampgs-imgAndCarousel-01.html

Last active June 1, 2018 18:39
Show Gist options
  • Save sanjsanj/7092bb28d2d762eb345bf61bad58d8fa to your computer and use it in GitHub Desktop.
Save sanjsanj/7092bb28d2d762eb345bf61bad58d8fa to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ampgs-imgAndCarousel-01.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-carousel"
src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
</head>
<body>
<h1>An amp-img and an amp-carousel</h1>
<amp-img src="https://loremflickr.com/300/200/architecture"
alt="An image" layout="responsive" width="300" height="200"></amp-img>
<amp-carousel
layout="fixed-height" height="300" type="slides" autoplay delay="3000">
<amp-img src="https://loremflickr.com/600/300/architecture?random=1"
width="600" height="300" alt="Random image 1"></amp-img>
<amp-img src="https://loremflickr.com/600/300/architecture?random=2"
width="600" height="300" alt="Random image 2"></amp-img>
<amp-img src="https://loremflickr.com/600/300/architecture?random=3"
width="600" height="300" alt="Random image 3"></amp-img>
</amp-carousel>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment