<div class="fotorama" data-width="600" data-ratio="3/2" data-hash="true" 
                                              data-transition="crossfade">
  <img src="images/m/pixabay13-675x450.jpg" ID="HashLink1" data-caption="1">
  <img src="images/m/pixabay02-337x450.jpg" ID="HashLink2" data-caption="2">
  <img src="images/m/pixabay03-675x450.jpg" ID="linkbanana" data-caption="3バナナ">
  <img src="images/m/pixabay06-360x450.jpg" ID="HashLink4" data-caption="4">
  <img src="images/m/pixabay12-675x450.jpg" ID="HashLink5" data-caption="5">
  <img src="images/m/pixabay15-675x450.jpg" ID="HashLink6" data-caption="6">
  <img src="images/m/pixabay16-675x450.jpg" ID="HashLink7" data-caption="7">
  <img src="images/m/pixabay17-348x450.jpg" ID="HashLink8" data-caption="8">
  <img src="images/m/pixabay18-675x450.jpg" ID="HashLink9" data-caption="9">
  <img src="images/m/pixabay21-355x450.jpg" ID="HashLink10" data-caption="10">
</div>
 

<div class="fotorama" data-width="600" data-ratio="3/2" data-startindex="5" 
                                              data-transition="crossfade">
  <img src="images/m/pixabay13-675x450.jpg">  <!-- data-startindex="0" -->
  <img src="images/m/pixabay02-337x450.jpg">
  <img src="images/m/pixabay03-675x450.jpg">
  <img src="images/m/pixabay06-360x450.jpg">
  <img src="images/m/pixabay12-675x450.jpg">
  <img src="images/m/pixabay15-675x450.jpg" data-caption="⑥"> <!-- data-startindex="5" -->
  <img src="images/m/pixabay16-675x450.jpg">
  <img src="images/m/pixabay17-348x450.jpg">
  <img src="images/m/pixabay18-675x450.jpg">
  <img src="images/m/pixabay21-355x450.jpg">
</div>