<img title="" /> tagına class atama

Öncellikle Merhaba,

<img src="" title="Denemedir"> buradaki title tagını nasıl bir class ataya bilirim?

yani Denemedir yazısının css ile düzenlemek istiyorum. Amacım Resimlerin üzerine yazı yazmak.

.yazi {border: 1px solid #ccc;}

Bu title tagında yazılanların .yazi classını tanımasını istiyorum.

Jquery Slider uygulamalarında görüyoruz. .html dosyasında .yazi classı kodu yokken kaynak kodlarında .yazi görüyoruz ve img tagında title'a hitap ediyor.

resmin üzerine gelince çıkan yazıya css atamazsın diye biliyorum ama javascript mouseover olayını bir araştır. divi görünmezden görünür yapar işi halledebilirsin

Jquery ile yapılıyor.

http://www.basic-slider.com/ Basic Slider uygulamasından biliyorum.

Merhaba,

Amacın resmin üzerine gelince bir baloncuk içinde title ı ekrana mı yazdırmak?

yok o dediğinizi biliyorum. Gerçi mantık aynı olabilir. Ama konuda bahsettiğim gibi...

Bir siteye örneğini at ben sana düzenlemen gereken yeri söyliyeyim kardeşim. Kullanılan javascript fonksiyonuna göre oraya atanan değerleri bir bulalım...

Yapmak istediğim şu aslında.



Yukarıdaki gibi resimlere isim vermek istiyorum. Bunu

<img src="images/konu.jpg" alt="" title="GP001" />
<img src="images/konu2.jpg" alt="" title="GP002" />
<img src="images/konu3.jpg" alt="" title="GP003" />

title="" içine yazdıklarımla yapmak istiyorum.

Basic Slider örneğinde görmüştüm. title="" tagının içinde yazılanlara bir class oluşturuyor. Örneğin .yazi diye. Ve ben bu .yazi class'ını istediğim gibi css ile şekillendirebiliyorum. Yukarıda resimdeki gibi. Arka plan siyah ve yazı rengi beyaz.

yaptım bir örnek bakabilirsin
http://jsfiddle.net/AvUBk/

anladığım kadarıyla şöyle birşey yaptım,

http://codepen.io/CemaLi/pen/KAFox