искал примеры и решения.
нашел конструкцию, которая вроде почти как надо, но приспособленная к моим нуждам и предложенному решению - не работает.
<script>
var height=0;var width=0;
if (self.screen) {
width = screen.width
height = screen.height
}
if (width<810)
{
$('div[data-slide-url="gallery-description"]').children().css({"height": "300px", "width":""});
}
else
{
if ((width>=810) && (height>=800))
{
$('div[data-slide-url="gallery-description"]').children().css({"height":"", "width":""});
}
else
{
$('div[data-slide-url="gallery-description"]').children().css({"height":"400px", "width":"400px"});
}
}</script>
смотрел тут
http://www.i2r.ru/static/476/out_17033.shtml и тут
Скрипт, изменения размера картинки и тут
http://www.wellsait.ru/file_css.php