しゅるしゅるとトップへ上がる動き

昨日は「モバイルサイト製作に没頭」と書いたけど、やはりそれは正確ではなく、単に「サイト制作」とした方がいいかもしれません。なんといっても独学ですから、分からないところがどこに書いてあるのか分からないので、本を見たりネットで検索したり、いろんなものをあれこれ見ているうちに、新しいものを見つけて、本来やっていたことから外れて、それを試したくなるのでした。

ということで、昨日から抜け出せなかったのは、「ページトップへ」をクリックすると、いきなりトップを表示するんじゃなくて、しゅるしゅるっと画面が動いてトップに上る表示です。うちのＨＰだと、薪ストーブのイラストをクリックするとページトップに上がります。「jQuery」というJavaScriptを使うんですが、これが思ったように動かない。全部動かないのならわかるけど、動くページと動かないページがあるんです。パスも記述も間違っていないのに、どうしてなんだと、それが気になって仕方ありません。

動くのと動かない差はなんなんだと悩み続けて、ようやく、画像を大きくかっこよく見せるLightbox2をそのページで、使っている、使っていないで差があるのだと気が付きました。で、それで調べてみると、たしかにjQueryとLightbox2は競合するようで、いっぱい対処法が出てきました。しかしいろいろ試してみたんですけど、今のところ、うまくいかないんです。

そんなことで、うちの「ホーム」はLightbox2を使っていないので、トップページを押すとしゅるしゅる上がりますが、このブログはダメです。「宿の外観や周りの風景」は、しゅるしゅるを優先させたので、Lightbox2が効いていません。でもやっぱりしゅるしゅるより、画像をかっこよく大きくさせる方が、優先順位としては、どう考えても上ですよね。

もうちょっと共存させる方法を検索して、ダメならLightbox2とは違うのを入れようかなあと思ったりします。jQueryも調べれば、いろいろ面白そうなので、jQueryを使えるようにしたいですし。息子には、しゅるしゅる動いて何がいいの？と言われて、ただ自分が面白いと思っただけ、と答えたんですが…。