css - 画像リンクにカーソルを合わせたときに div にテキストを表示する方法についてサポートが必要です。

Question

画像イメージをペイントするために、2 つの div があり、1 つは上部に 5 つのサムネイル画像を保持し、下部の div には 5 行のテキストがあります。アイデアは、画像のdivにカーソルを合わせると、そのプロジェクト名が下部のdivに表示されるようにすることです。5枚の写真すべてでこれを実現したい。至る所を探していて、近くにあるが行き止まりになっているものをいくつか見つけました。私は学生のプロジェクトを支援しようとしているので、どんな助けも大歓迎です。私はCSSが得意ですが、このタスクに頭を悩ませることはできません。

Answer 1

ホバー時に表示するには、javascript または jquery を使用する必要があります。誰かがここでかなり似たようなことを尋ねました：

http://stackoverflow.com/questions/1119956/hover-element-a-show-hide-element-b

また、あなたが求めていることを行うためのjqueryスクリプトの作成に関する簡単なGoogle検索からアクセスできる多くのチュートリアルがあります. さらにヘルプが必要な場合、またはその方法がわからない場合はお知らせください。