jquery - Dynamically Change width and height attribute -

i create responsive photo-gallery in business catalyst. bc's photo gallery module automatically renders thumbnails, preserve shortens workflow. when creating photo gallery, allows set fixed width , height, , create jquery can change photo attributes fit screen. have tried css, distorts thumbnail.

for context using bootstrap, , create fluid grid(with no margin). col-lg-3, col-md-4, col-sm-6, col-xs-12.

when gallery rendered code shows this:

<img src="/images/jully-black-in-concert-10.jpg?action=thumbnail&amp;width=400&amp;height=330&amp;algorithm=fill_proportional&amp;usm=1" alt="" border="0"> 

in order thumbnails work must have follow attributes in code:

width=400&height=330 

can create code automatically changes values above adapt bootstrap's grid system?

so did fix issue, since didn't response, create jquery wrap pictures div's bootstrap classes.

$('#photos a').wrap("<div class='col-lg-3 col-md-3 col-sm-6 col-xs-12 overflow img-responsive '></div>"); 

i set pictures bigger div's themselves, , used jquery apply img-responsive class.

it wasn't greatest solution worked me.