jQueryのLightboxにしました

これからの時代はjQueryだぜ!とばかり、PrototypeからjQueryのLightboxにしました。今までのブログの画像も、書き換えなくても同じように適応されるのかしらん??と、心配しましたが、最新のプラグインは、いろいろなところを直さなくてもうまくいくようです。

ただ、一枚だけしか画像を入れていない日のは、他の日の一枚だけの日の画像と同じグループで表示されてしまいます。これからのブログの画像は、そうならないようにしますが、今までの画像はいちいち書き換えるのも面倒なので、そのままです。また最後の画像の次はまた最初の画像を表示するようで、ぐるぐる写真が回っていくみたいです。これもまあ、別にこのままでいいかなあと思ってそのままにしておくことにします。

ブログ以外のhtmlファイルで使っているjQuery版Lightboxは「あれれ?」と思うところがまた違いました。デフォルトのままで使うと画像と画像の間にリンクがある場合は、うまく表示されなくなるんです。これもネットで調べると、解決方法がいろいろありました。これで画像拡大もしゅるしゅるもうまくいきました。

昼前から大雨が降ってそのあとは急に風が強くなりました。風がゴオ~と吹くたびに木立から葉っぱがザザザ~と舞い上がって飛んでいきました。

追記
ぐわわ~ん!今気が付いたんですけど、FireFoxからHTMLの部分を見ると、ちゃんとlightboxが動いてないじゃないですか!IEとSafariではちゃんと見えているのに。なんでやねん?

追記の追記
一応Firefoxからでも見れるようにしました。ファイル名にドットが入っていたらFirefoxではきちんと読み込めない、というのをどこかで読んだ記憶を呼び覚まし、デフォルトのままだったcssのファイル名を変えたらうまく読み込めるようになりました。(+o+)

キーワード


2011年10月16日 | テーマ:PCで遊ぶ | コメントは受け付けていません。 |

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

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

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

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

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

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

キーワード


2011年10月14日 | テーマ:PCで遊ぶ | コメント(2) |



このページの先頭へ