onclickのイベント後にjqueryのライブラリが動かない（読み込まれていない状態）になってしまいます。どうしたらいいでしょうか？

onclickのイベント後にjqueryのライブラリ（fotorama）が動かない（読み込まれていない状態）になってしまいます。
http://fotorama.io/

html
1
2<link  href="//cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet">
3<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
4<script src="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>
5<div class="fotorama" data-nav="thumbs" data-width="600" data-height="600">
6 <a href="画像サムネイル01"><img src="画像パス01"></a>
7 <a href="画像サムネイル02"><img src="画像パス02"></a>
8 <a href="画像サムネイル03"><img src="画像パス03"></a>
9.
10.
11.
12</div>

このようなHTMLにonclickイベントで順番を変える

HTML
1<div class="imageChangeButton">
2<img src="画像パス01_02" onclick="imageChange('画像パス01');">
3<img src="画像パス02_02" onclick="imageChange('画像パス02');">
4<img src="画像パス03_02" onclick="imageChange('画像パス03');">
5</div>

仕組みを作りたいと考えています。

imageChangeButton内のimgタグをクリックすると
fotorama内の画像の順番が変わるまではできました。

ただその際に、fotoramaの機能が無効に（読み込まれていない状態）になってしまいます。

どのような原因が考えられるでしょうか？

ご教示、よろしくお願い致します。