responsivewebframework
Version:
Jalasoft Foundation Front End Framework ========================================
31 lines (30 loc) • 1.29 kB
JavaScript
frameworkObject.perfilCardFocusOn = function(id){
$(id).find('.container-img').css("background-size"," 115%")
};
frameworkObject.perfilCardFocusOff = function (id){
$(id).find('.container-img').css("background-size"," 100%")
};
jQuery.fn.extend({
frameworkPerfilCard: function() {
$(this).each(function(index, element) {
var idCard = "idPersonCard"+index;
var name = $(element).attr('name');
var data = $(element).attr('data');
var img=$(element).attr('image') ;
var bodyCard = ''+
'<div class="container-card" id="'+idCard+'" onmouseout="frameworkObject.perfilCardFocusOff(this);" onmouseover="frameworkObject.perfilCardFocusOn(this);">'+
'<div class="border-gray">'+
'<div class="container-img" ></div>'+
'</div>'+
'<div class="containerinformation">'+
'<span class="card-name">'+name+'</span><br>'+
'<span class="card-data">'+data+'</span>'+
'</div>'+
'</div>';
$(element).append(bodyCard);
if( img !== "") {
$('#'+idCard).find('.container-img').css('background-image',' url('+img+') ')
}
})
}
});