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

Öncellikle Merhaba,

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.

http://www.basic-slider.com/ Slider uygulamasında görmüştüm ben bunu.

Automatically generated caption

otomatik olarak bu oluşuyor. Ama kaynak kodlarında bu yok.

function(t,n){var r=e(n).children("img:first-child").attr("title");r||(r=e(n).children("a").find("img:first-child").attr("title"));if(r){r=e('

'+r+"

");

Şöyle birşey kodları. Jquery bilmediğimden eksik almış olabilirim kodları. Aşağıdaki linkten bakabilirsiniz.
http://www.basic-slider.com/js/bjqs-1.3.min.js

Jqery nin append fonksiyonunu araştırabilirsin.

hgtucel, vermiş olduğun kodlar şifreli. Kodun sonunda farkındaysan bahsettiğin kısmı eklemiş. jQuery ile title'a değer atamak için buraya göz atabilirsin. .attr kodu işini görecektir.

basic slider'in github sayfasına baktın mı hiç? Kodlar orada açık halde var. Misal senin dediğin kodu şu

var conf_captions = function() {

$.each($slides, function (key, slide) {

var caption = $(slide).children('img:first-child').attr('title');

// Account for images wrapped in links
if(!caption){
caption = $(slide).children('a').find('img:first-child').attr('title');
}

if (caption) {
caption = $('

' + caption + '

');
caption.appendTo($(slide));
}

});

};

Kodu bulabileceğin link https://github.com/jcobb/basic-jquery-slider/blob/master/js/bjqs-1.3.js