ребят, вообщем наваял я нечто вот такое:
$('img[id]').hover(function(){ //ну или $('img[class]')
src=$(this).attr('src');
srcArray=src.split('/');
nameArray=srcArray[srcArray.length-1].split('.');
name=nameArray[0];
type=nameArray[1];
dir='';
for (i = 0; i < srcArray.length-1; i++){
dir = dir+srcArray[i]+'/';
}
$(this).attr('src', dir+name+'_hover.'+type);
}, function() {
src=$(this).attr('src');
srcArray=src.split('/');
nameArray=srcArray[srcArray.length-1].split('.');
name=nameArray[0];
type=nameArray[1];
dir='';
for (i = 0; i < srcArray.length-1; i++){
dir = dir+srcArray[i]+'/';
}
name = name.replace(/_hover/gi, '');
$(this).attr('src', dir+name+'.'+type);
}
);
обязательная пара картинок:
дефаулт: картинка.тип (ну там jpg,gif пох как)
hover: картинка_hover.тип
вроде все норм, но есть ощущение, что процедуру можно как то проще сделать...
может есть идеи?
Последний раз редактировалось Le-mark43, 10.04.2012 в 21:39.
|