|
|
| (7 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | <div class=" hh- gallery" id="hhg- {{{gid|1}}}">{{#if:{{{image1|}}}|<div class=" hh- gallery- item" id="hhg- {{{gid|1}}}- 1">[[File:{{{image1}}}|frameless|500x400px |link=]]<div class=" hh- gallery- caption">{{{caption1|}}}</div> <div class="hh-gallery-tools">[[#hhg-{{{gid|1}}}-1|⛶ Expand]]</div> <div class="hh-gallery-nav"><span class="hh-off">‹</span>[[#hhg-{{{gid|1}}} |✕]]{{#if:{{{image2|}}} |[[#hhg-{{{gid|1}}}-2|›]]|< span class=" hh- off">›</span>}}</div></div>}}{{#if: {{{image2|}}}|<div class="hh- gallery- item" id="hhg- {{{gid|1}}}- 2">[[File:{{{image2}}}|frameless|500x400px |link=]]<div class=" hh- gallery- caption">{{{caption2|}}}</div> <div class="hh-gallery-tools">[[#hhg-{{{gid|1}}}-2|⛶ Expand]]</div> <div class="hh-gallery-nav">[[#hhg-{{{gid|1}}} -1|‹]][[#hhg-{{{gid|1}}}|✕]]{{#if:{{{image3|}}} |[[#hhg-{{{gid|1}}}-3|›]]|< span class=" hh- off">›</span>}}</div></div>}}{{#if: {{{image3|}}}|<div class="hh- gallery- item" id="hhg- {{{gid|1}}}- 3">[[File:{{{image3}}}|frameless|500x400px |link=]]<div class=" hh- gallery- caption">{{{caption3|}}}</div> <div class="hh-gallery-tools">[[#hhg-{{{gid|1}}}-3|⛶ Expand]]</div> <div class="hh-gallery-nav">[[#hhg-{{{gid|1}}} -2|‹]][[#hhg-{{{gid|1}}}|✕]]{{#if:{{{image4|}}} |[[#hhg-{{{gid|1}}}-4|›]]|< span class=" hh- off">›</span>}}</div></div>}}{{#if: {{{image4|}}}|<div class="hh- gallery- item" id="hhg- {{{gid|1}}}- 4">[[File:{{{image4}}}|frameless|500x400px |link=]]<div class=" hh- gallery- caption">{{{caption4|}}}</div> <div class="hh-gallery-tools">[[#hhg-{{{gid|1}}}-4|⛶ Expand]]</div> <div class="hh-gallery-nav">[[#hhg-{{{gid|1}}} -3|‹]][[#hhg-{{{gid|1}}}|✕]]{{#if:{{{image5|}}} |[[#hhg-{{{gid|1}}}-5|›]]|< span class=" hh- off">›</span>}}</div></div>}}{{#if: {{{image5|}}}|<div class="hh- gallery- item" id="hhg- {{{gid|1}}}- 5">[[File:{{{image5}}}|frameless|500x400px |link=]]<div class=" hh- gallery- caption">{{{caption5|}}}</div> <div class="hh-gallery-tools">[[#hhg-{{{gid|1}}}-5|⛶ Expand]]</div> <div class="hh-gallery-nav">[[#hhg-{{{gid|1}}} -4|‹]][[#hhg-{{{gid|1}}}|✕]]{{#if:{{{image6|}}} |[[#hhg-{{{gid|1}}}-6|›]]|< span class=" hh- off">›</span>}}</div></div>}}{{#if: {{{image6|}}}|<div class="hh- gallery- item" id="hhg- {{{gid|1}}}- 6">[[File:{{{image6}}}|frameless|500x400px |link=]]<div class=" hh- gallery- caption">{{{caption6|}}}</div> <div class="hh-gallery-tools">[[#hhg-{{{gid|1}}}-6|⛶ Expand]]</div> <div class="hh-gallery-nav">[[#hhg-{{{gid|1}}} -5|‹]][[#hhg-{{{gid|1}}}|✕]]{{#if:{{{image7|}}} |[[#hhg-{{{gid|1}}}-7|›]]|< span class=" hh- off">›</span>}}</div></div>}}{{#if: {{{image7|}}}|<div class="hh- gallery- item" id="hhg- {{{gid|1}}}- 7">[[File:{{{image7}}}|frameless|500x400px |link=]]<div class=" hh- gallery- caption">{{{caption7|}}}</div> <div class="hh-gallery-tools">[[#hhg-{{{gid|1}}}-7|⛶ Expand]]</div> <div class="hh-gallery-nav">[[#hhg-{{{gid|1}}} -6|‹]][[#hhg-{{{gid|1}}}|✕]]{{#if:{{{image8|}}} |[[#hhg-{{{gid|1}}}-8|›]]|< span class=" hh- off">›</span>}}</div></div>}}{{#if: {{{image8|}}}|<div class="hh- gallery- item" id="hhg- {{{gid|1}}}- 8">[[File:{{{image8}}}|frameless|500x400px |link=]]<div class=" hh- gallery- caption">{{{caption8|}}} </div><div class="hh-gallery-tools">[[#hhg-{{{gid|1}}}-8|⛶ Expand]]</div><div class="hh-gallery-nav">[[#hhg-{{{gid|1}}}-7|‹]][[#hhg-{{{gid|1}}}|✕]]<span class="hh-off">›</span></div></div>}}</div> | + | <div style="display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 8px; background-color: #f9f9f9; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);"> |
| | + | {{#if:{{{image1|}}}|<div style=" flex: 0 0 auto; max-width: 500px; max- height: 500px; box- sizing: border- box; text- align: center;"> |
| | + | [[File:{{{image1}}}|center|frameless|500x400px]] |
| | + | <div style=" margin- top: 5px; font- size: 0.9em;">{{{caption1|}}}</div> |
| | + | </div>}} |
| | + | {{#if:{{{image2|}}}|<div style="flex: 0 0 auto; max-width: 500px; max-height: 500px; box-sizing: border-box; text-align: center;"> |
| | + | [[File:{{{image2}}}|center|frameless|500x400px]] |
| | + | <div style=" margin- top: 5px; font- size: 0.9em;">{{{caption2|}}}</div> |
| | + | </div>}} |
| | + | {{#if:{{{image3|}}}|< div style=" flex: 0 0 auto; max- width: 500px; max- height: 500px; box- sizing: border- box; text- align: center;">[[File:{{{image3}}} |center|frameless|500x400px]]<div style=" margin- top: 5px; font- size: 0.9em;">{{{caption3|}}}</div></div>}} |
| | + | {{#if:{{{image4|}}}|< div style=" flex: 0 0 auto; max- width: 500px; max- height: 500px; box- sizing: border- box; text- align: center;">[[File:{{{image4}}} |center|frameless|500x400px]]<div style=" margin- top: 5px; font- size: 0.9em;">{{{caption4|}}}</div></div>}} |
| | + | {{#if:{{{image5|}}}|< div style=" flex: 0 0 auto; max- width: 500px; max- height: 500px; box- sizing: border- box; text- align: center;">[[File:{{{image5}}} |center|frameless|500x400px]]<div style=" margin- top: 5px; font- size: 0.9em;">{{{caption5|}}}</div></div>}} |
| | + | {{#if:{{{image6|}}}|< div style=" flex: 0 0 auto; max- width: 500px; max- height: 500px; box- sizing: border- box; text- align: center;">[[File:{{{image6}}} |center|frameless|500x400px]]<div style=" margin- top: 5px; font- size: 0.9em;">{{{caption6|}}}</div></div>}} |
| | + | {{#if:{{{image7|}}}|< div style=" flex: 0 0 auto; max- width: 500px; max- height: 500px; box- sizing: border- box; text- align: center;">[[File:{{{image7}}} |center|frameless|500x400px]]<div style=" margin- top: 5px; font- size: 0.9em;">{{{caption7|}}}</div></div>}} |
| | + | {{#if:{{{image8|}}}|< div style=" flex: 0 0 auto; max- width: 500px; max- height: 500px; box- sizing: border- box; text- align: center;">[[File:{{{image8}}} |center|frameless|500x400px]]<div style=" margin- top: 5px; font- size: 0.9em;">{{{caption8|}}}</div></div>}} |
| | + | </div> |
