Hover - Text on image

[critrate]

здравейте.Ето така ми изглеждат снимките като ги извадя

как мога да направя като се посочи в/у дадена снимки да става така

с там където е текст да е променлива ,която изкарва името на снимката.


Благодаря ви.

 

[shterev]

Вариянти много Ето ти един с CSS.


Правиш си да речем списък. В него имаш ли-та, в тях имаш снимката и да речем един спан или див. Правиш ли-тата релативни , а спана или дива абсолютен. В нормално състояние спана е скрит , при посочване на ли-то показваш спана, като стила на спана е таъв какъвто искаш и си го позиционираш там където искаш.Така спана ще е над картинката и ще се появява при посочване. Ако искаш вече някой ефект мазен използваш javasript и си правиш ефект

 

[critrate]

Не ми трябват ефекти,но и нищо не те разбрах.Зле съм с css.ако може малко код .. ако не те затруднява

 

[shterev]

http://codepen.io/pen/8441/1

 

[critrate]

Благодаря ти много +1. Сега ще погледна как точно става за да си знам за напред.

 

[shterev]

Лесно става. поразгледай има transition ефекти, ако искаш да има ефект, но не работят за ИЕ