2014-11-26 5 views
2

Я имею проблему с помощью jCrop ...Jcrop Большие изображения Правда Размер

Если я загрузить изображение, например, 1024x768, он получит большую часть своего браузера. Итак, что я сделал, чтобы развернуться?

<div style="width:300px;height:300px;(Just examples!)"> 
<img> bla bla 
</div> 

И теперь это работает, но теперь мне нужен реальный размер изображения. в основном, у меня есть DIV, который содержит изображение, которое я хочу обрезать, но я хочу, истинный размер их ..

Некоторых вещей я уже пытавшиеся:

пытался сделать div с overflow:scroll , проблема заключалась в том, что, когда я обрезался, я хотел, чтобы при обрезке, когда я достигал пределов div, он прокручивается, пока я продолжаю.

Некоторая помощь будет полезна. (Извините за плохой английский)

+0

К сожалению, у меня возникают проблемы с пониманием своего поста. Что вы подразумеваете под «Если я загружу изображение, например, 1024x768, он получит большую часть моего браузера»? – yochannah

+0

Если я загружу изображение размером 1024x760, например, он будет больше для моего браузера, чтобы обрезать, понять? :) –

ответ

7

Вместо того, чтобы устанавливать размеры вашего изображения в CSS, jcrop имеет boxWidth и boxHeight параметров для этой цели.

Используя эти параметры, jcrop изменит размер изображения в соответствии с указанным размером окна, но оно все равно выведет значения относительно истинного размера.

Вы можете установить их так:

$(function() { 
    $('#cropbox').Jcrop({ boxWidth: 300, boxHeight: 300 }); 
}); 

Смотрите здесь для получения дополнительной информации: http://deepliquid.com/content/Jcrop_Sizing_Issues.html

+0

Большое вам спасибо! Решено! :) –

+0

Как это будет работать для больших изображений, которые вы хотите изменить размер (реагировать) на более мелкие экраны? – Ciwan

+2

@Ciwan. Для этого я использовал бы вместо этого параметр «trueSize». См. Здесь: http://deepliquid.com/content/Jcrop_Sizing_Issues.html – Andy

 Смежные вопросы

  • Нет связанных вопросов^_^