Javascriptのアニメーションのリンク先をaタグのURLにする方法【初心者】

Question

###前提
写真を並べて表示し、その写真をクリックすると撮った位置情報が表示されるサイトを作成しております。
そこで現在、ページ変遷の際にアニメーションを付けたいと思いJavaScriptにて実装しています。
http://yattyo.mods.jp/
↑よろしければ、文章での説明が難しいのでこちらが作成中のサイトです。

###発生している問題・エラーメッセージ
アニメーションを付ける以前は、すべての写真に対してa herfによってリンクが付けられておりましたが、
アニメーションを付けてから、アニメーションで設定されたリンクに飛んでしまいます。(正確にはリンクが存在しないので404が出てしまう。)

###該当のソースコード
リンク先をその写真に対して変更したいが現在は一定になってしまっています。
できればaタグにURLが入っているのでそれを利用できればと思っています。

<a href="http:~~~"><img src="xxx.jpg"></a>

 transition: function(URL){ window.location.href ="http:~~~"; }

現状は上記のようにリンクが設定されているため、アニメーションが終わると同じところに飛んでしまう。

###実現したいこと
そこでアニメーションを付けながらも写真を押せばその写真に対するURLに飛ぶようにしたいのです。
ぜひ皆さんの知見をお借りしたいです。よろしくお願いします。

###補足情報(言語/FW/ツール等のバージョンなど)
初心者なので、必要な情報などもわかりませんので、
不備がございましたらコメントしていただけるとありがたいです。

Comments

[kei344]

「アニメーション」に使用したライブラリとその実装時に参考にした記事を質問文に追記してください。

[y_4_m_1_k_7]

http://git.blivesta.com/animsition/ このサイトを参考にいたしました！

[kei344]

ライブラリはわかりましたが、どのようにコードの中に書かれているのかが提示されているコードだけでは判断がつきません。また、この「質問への追記・修正の依頼」の部分はデフォルトで表示されませんので、本文に追記／編集することをお勧めします。

[k_fujimoto]

http://yattyo.mods.jp/ こちら確認しましたが、y_4_m_1_k_7さんが想定される動きになっていそうでした。すでに解決しているようでしたら是非解決方法をおしえていただきたいです