WebデザイナーのためのjQuery実践講座

「ライトボックス機能」とは?

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
「ライトボックス機能」とはどういったものなのかを、完成版をプレビューしながら確認致します。
講師:
01:36

字幕

このレッスンでは ライトボックス機能とは どういったものかについて― 完成版をプレビューしながら 確認していきたいと思います 今 画面に表示されているのが 今回のこのコースで制作していく― 架空のウェブサイトとなっています そして ライトボックス機能を 実装する箇所ですが― こちらのウェブサイトの中の― こちらの部分となります このフォトギャラリーの中の各写真に対して― ライトボックスの機能を 実装していきたいと思います それでは こちらの写真を クリックしてみましょう このようにクリックすると 背景が黒色の透過色となって― 真ん中に写真が大きく表示されてきます そして こちらにバツ印がありますね このボタンをクリックすることによって 写真を閉じることができます このようなかたちですね これがライトボックス機能というものです 勿論 他の写真にも同じ機能が付いています こういった形ですね このような形です 以降のレッスンでは  このライトボックス機能を― jQuery と jKit プラグインを使って― 実装していく方法について 解説していきたいと思います 以上でレッスンは終了です 今回はライトボックス機能とは どういったものかについて― 完成版をプレビューしながら確認致しました 次からのレッスンでは  このライトボックス機能を― 実装するための HTML CSS の コーディング方法について― いくつかのポイントをご紹介していきますので そちらも合わせてご覧ください

WebデザイナーのためのjQuery実践講座

jQueryとはJavaScriptを簡単かつ便利に扱えるJavaScriptライブラリです。このコースではプログラミングの知識はそれほどないけれど日々仕事でHPを制作しているWebデザイナーの方や趣味で自分のサイトを運営している方などを対象に、jQueryとプラグインを利用してさまざまな機能や効果を手軽にサイトに実装する方法を学びます。

2時間04分 (34 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 2,990
発売日:2015年06月29日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。