夕方、ちょっと思い出してポップアップの続きを作ってみた。
年末から正月にかけて、いろいろ雑用があって放置していたのだが。
ここ数日間はヒザが痛くて、PCに向かって座るのもチョッと具合が悪い。
今日は曇り空の寒い一日で、ヒザの事もありグダグダして過ごしていた。
TVを見てもつまらなかったので、PCで遊ぶしかないと思い・・・
とりあえず、動画ポップアップは年末に実用に近く出来てブログに実装してあった。
残るは静止画像で、厄介だろうと予想していたが、やはり工夫が必要だった。
まぁまぁ、なんとか実用段階かなと思っているのだが。
僕としては、もう少し手を加えたいと考えている。
それでも、今しばらくは様子見としてブログで使ってみよう。
ドラグで移動できるようにと思ったのだが、そこまでの時間はなかった。
で、ふと思ったのだが・・・
画像のポップアップを動かして何になるのか?
なんだか、あまり意味がなさそうな気がしている。
そのような工夫を考える事は面白いだろうが、あまり実用価値がないのでは???
閉じるボタンを押さなくても、他の画像をクリックすると切り替わる。
それは、そうでないと画像を次々と見られないから、いちいち閉じていたら面倒だし。
この指は画像リンクをしていないから、ポップアップしない
ーーーーーーーーーー
さて、ともかく jQuery なるものを使わずに、JavaScriptだけでポップアップを作った。
動画も静止画も、操作方法は同じで閉じるボタンを押して閉じる仕掛けである。
レスポンシブな動きはしないが、動画や画像をクリックした時のウインドウのサイズには合わせてある。
というか、それはあたり前なのだが!
はぁぁ~、まぁJavaScriptの習作としては、こんなところでどうだろうか。
まだテスト中なので、Debug用にTryで例外処理とかしてあるが・・・
いつかキチンとしようかとも思うが、たぶん面倒なのでこのまま使い続けそうだなぁ。