MooFlowのメモ、つづき

前回の投稿は間違い

95枚以上で表示が乱れる問題は解決。captionの z-indexが 99とかになってたため、写真が増えるとその数値を超える z-indexになってしまうので重なりがおかしくなるようだ。

.mf div.caption {
z-index:10000;
}

とかにすればOKでした。



で、今度は本番用のデータをもらい、流し込んでみたところどうしても40枚以上のときに読み込みで止まってしまう。少ない枚数なら大丈夫。テストと違うのは、画像サイズが大きいこととキャプションの文字が多く、複数行に渡ること。どっかでオーバーフローしてるんじゃないかとプログラムを見るも javascriptはちんぷんかんぷん。まったく何をどこでどうしてるのか分からない記述。あれやこれやで１日がかりで調べて見るもさっぱり。

そんでさっき、テスト用のプログラムに本番データを流し込んでようやく原因判明。本番データの中に 40A.jpgと40B.jpgと言うのがあり、これは提供されたファイルそのものなんだが、このAとBが全角文字。一方、html中のファイル名は半角。これじゃ表示されるわけがない。

しかし、MooFlow.jsも不親切だなぁ。ファイルがないなら無いというエラーを返してくれればいいのに。エラーコンソールに延々と "el.div is undefined" を吐き出し続けてる。