@@ -2402,6 +2402,65 @@ class="gallery"
24022402 [ 'amp-base-carousel ' , 'amp-inline-gallery ' , 'amp-lightbox-gallery ' ],
24032403 ],
24042404
2405+ 'amp-inline-gallery-with-thumbs ' => [
2406+ '
2407+ <amp-inline-gallery layout="container">
2408+ <!--
2409+ The amp-layout with layout="container" is used to display the pagination on
2410+ top of the carousel instead of the thumbnails. You can also use a div with
2411+ `position: relative;`
2412+ -->
2413+ <amp-layout layout="container">
2414+ <amp-base-carousel
2415+ class="gallery"
2416+ layout="responsive"
2417+ width="3"
2418+ height="2"
2419+ snap-align="center"
2420+ loop="true">
2421+ <amp-img
2422+ class="slide"
2423+ layout="flex-item"
2424+ src="https://picsum.photos/id/779/600/400"
2425+ srcset="https://picsum.photos/id/779/150/100 150w,
2426+ https://picsum.photos/id/779/600/400 600w,
2427+ https://picsum.photos/id/779/1200/800 1200w">
2428+ </amp-img>
2429+ <amp-img
2430+ class="slide"
2431+ layout="flex-item"
2432+ src="https://picsum.photos/id/1048/600/400"
2433+ srcset="https://picsum.photos/id/1048/150/100 150w,
2434+ https://picsum.photos/id/1048/600/400 600w,
2435+ https://picsum.photos/id/1048/1200/800 1200w">
2436+ </amp-img>
2437+ <amp-img
2438+ class="slide"
2439+ layout="flex-item"
2440+ src="https://picsum.photos/id/108/600/400"
2441+ srcset="https://picsum.photos/id/108/150/100 150w,
2442+ https://picsum.photos/id/108/600/400 600w,
2443+ https://picsum.photos/id/108/1200/800 1200w">
2444+ </amp-img>
2445+ </amp-base-carousel>
2446+ <!--
2447+ If using fewer than 8 slides, consider adding something
2448+ like media="(max-width: 799px)".
2449+ -->
2450+ <amp-inline-gallery-pagination layout="nodisplay" inset>
2451+ </amp-inline-gallery-pagination>
2452+ </amp-layout>
2453+ <amp-inline-gallery-thumbnails
2454+ media="(min-width: 800px)"
2455+ layout="fixed-height"
2456+ height="96">
2457+ </amp-inline-gallery-thumbnails>
2458+ </amp-inline-gallery>
2459+ ' ,
2460+ null ,
2461+ [ 'amp-base-carousel ' , 'amp-inline-gallery ' ],
2462+ ],
2463+
24052464 'amp-mega-menu ' => [
24062465 '
24072466 <amp-mega-menu height="30" layout="fixed-height">
0 commit comments