установить ширину и высоту jquery popup большие изображения

Question

Я использовал всплывающую галерею jquery для своего сайта, где я хочу установить изменяемое размер изображения на фиксированную высоту и ширину. Я не могу получить точный код здесь мой код для галереи

<script type="text/javascript" src="javascripts/top_up-min.js"></script> 
<script type="text/javascript"> 
    TopUp.addPresets({ 
    "#images a": { 
     fixed: 0, 
     group: "images", 
     modal: 0, 
     title: "gallery" 

    }, 

    "#movies": { 
     resizable: 0 
    } 
    }); 
</script> 

и код для изображений в части тела

<span id="images"> 
     <a href="images/photos/1.jpg" toptions="overlayClose = 1"> 
      <img src="images/thumbnails/1.jpg"/> 
     </a> 
     <a href="images/photos/1.jpg" toptions="overlayClose = 1"> 
      <img src="images/thumbnails/1.jpg"/> 
     </a> 

     </span> 

Answer 1

размеры изображения можно управлять с помощью CSS. Если вы используете библиотеку jQuery для отображения ваших изображений, тогда будет создана соответствующая таблица стилей, которую вы можете редактировать, чтобы установить отображаемые размеры изображения. Или может быть опция установки отображаемой ширины изображения в инициализаторе. Ваша альтернатива - перезаписать все стили, установленные библиотекой.

В пользовательской таблицы стилей вы можете попробовать следующее, предполагая фиксированную ширину 300px,

img{width:300px !important;} 

или

a img{width:300px !important;} 

или

#images img{width:300px !important;} 

или

a img{width:300px !important;} 

или

#images a img{width:300px !important;} 

добавление важно! Гарантирует, что это стиль, который используется, он должен переписать любые другие типы уже определены в библиотеке, которую вы используете. Click for more info on !important.

надеюсь, что это поможет