You can do it using the carouFredSel callback functions
adding border directly
$('#gallery').carouFredSel({
// your all other properties come here
auto: {
onBefore : function( data ) {
var vis_elements;
vis_elements = $("#gallery").triggerHandler("configuration", "items.visible");
var mid_element = Math.floor(vis_elements/2);
$.each(data.items.visible, function () { $(this).css({'border': ''})});
data.items.visible.eq(mid_element).css({'border': '1px solid'});
}
}
});
or you can also add css class to the element
auto: {
onBefore : function( data ) {
var vis_elements;
vis_elements = $("#gallery").triggerHandler("configuration", "items.visible");
var mid_element = Math.floor(vis_elements/2);
$.each(data.items.visible, function () {
// remove class from all other elements
$(this).removeClass("your class"); // your class comes here
});
// add your class here
data.items.visible.eq(mid_element).addClass("your class");
}
}