<!-- 2. <div class="fotorama"></div>に、Aタグで表示画像を、IMGタグでサムネール画像を記述します。 -->
<div class="fotorama" data-nav="thumbs">
  <a href="images/m/pixabay13-675x450.jpg">
      <img src="images/m/pixabay13-675x450.jpg" width="144" height="96"></a>
  <a href="images/m/pixabay02-337x450.jpg"><img src="images/m/pixabay02-337x450.jpg" width="64" height="128"></a>
  <a href="images/m/pixabay03-675x450.jpg"><img src="images/m/pixabay03-675x450.jpg"></a>
  <a href="images/m/pixabay06-360x450.jpg"><img src="images/m/pixabay06-360x450.jpg" width="64" height="128"></a>
  <a href="images/m/pixabay12-675x450.jpg"><img src="images/m/pixabay12-675x450.jpg"></a>
  <a href="images/m/pixabay15-675x450.jpg"><img src="images/m/pixabay15-675x450.jpg"></a>
  <a href="images/m/pixabay16-675x450.jpg"><img src="images/m/pixabay16-675x450.jpg"></a>
  <a href="images/m/pixabay17-348x450.jpg"><img src="images/m/pixabay17-348x450.jpg" width="64" height="128"></a>
  <a href="images/m/pixabay18-675x450.jpg"><img src="images/m/pixabay18-675x450.jpg"></a>
  <a href="images/m/pixabay21-355x450.jpg"><img src="images/m/pixabay21-355x450.jpg" width="64" height="128"></a>
</div>

<!-- 2. <div class="fotorama"></div>に、Aタグで表示画像を、IMGタグでサムネール画像を記述します。 -->
<div class="fotorama" data-nav="thumbs">
  <img src="images/m/pixabay13-675x450.jpg" width="144" height="96">
  <img src="images/m/pixabay02-337x450.jpg" width="64" height="128">
  <img src="images/m/pixabay03-675x450.jpg">
  <img src="images/m/pixabay06-360x450.jpg" width="64" height="128">
  <img src="images/m/pixabay12-675x450.jpg">
  <img src="images/m/pixabay15-675x450.jpg">
  <img src="images/m/pixabay16-675x450.jpg">
  <img src="images/m/pixabay17-348x450.jpg" width="64" height="128">
  img src="images/m/pixabay18-675x450.jpg">
  <img src="images/m/pixabay21-355x450.jpg" width="64" height="128">
</div>

<div class="fotorama" data-nav="thumbs" style="background:#000000;width:675px">
<div data-img="images/m/pixabay13-675x450.jpg" data-thumb="images/m/pixabay13-s.jpg" 
        data-thumbratio="144/96"><font color=white>1/10 砂漠</font></div>
<div data-img="images/m/pixabay02-337x450.jpg" data-thumb="images/m/pixabay02-s.jpg" data-thumbratio="64/128"><font color=white>2</font></div>
<div data-img="images/m/pixabay03-675x450.jpg" data-thumb="images/m/pixabay03-s.jpg"><font color=white>3</font></div>
<div data-img="images/m/pixabay06-360x450.jpg" data-thumb="images/m/pixabay06-s.jpg" data-thumbratio="64/128"><font color=white>4</font></div>
<div data-img="images/m/pixabay12-675x450.jpg" data-thumb="images/m/pixabay12-s.jpg"><font color=white>5</font></div>
<div data-img="images/m/pixabay15-675x450.jpg" data-thumb="images/m/pixabay15-s.jpg"><font color=white>6</font></div>
<div data-img="images/m/pixabay16-675x450.jpg" data-thumb="images/m/pixabay16-s.jpg"><font color=white>7</font></div>
<div data-img="images/m/pixabay17-348x450.jpg" data-thumb="images/m/pixabay17-s.jpg" data-thumbratio="64/128"><font color=white>8</font></div>
<div data-img="images/m/pixabay18-675x450.jpg" data-thumb="images/m/pixabay18-s.jpg"><font color=white>9</font></div>
<div data-img="images/m/pixabay21-355x450.jpg" data-thumb="images/m/pixabay21-s.jpg" data-thumbratio="64/128"><font color=white>10/10</font></div>
</div>