2013-12-16 1 views
3

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

<div class="main"> 
      <img class="absolute" src="http://jotform.org/demo/jquery-image-area-select-plugin/images/sweet-dogs.jpg" alt="" /> 
    </div> 

CSS:

.main{ 
    width:300px; 
    margin: 0 auto; 
    overflow:hidden; 
    position: relative; 
    height: 100px; 
} 

img.absolute{ 
    left: 50%; 
    margin-left: -200px; 
    top: 50%; 
    margin-top: -200px; 
    position:absolute; 
} 

надеюсь, что вы понимаете мой вопрос

+2

может у обеспечить скрипку? –

+0

http://jsfiddle.net/jaap/wjw83/5/ – sonalgoyal

+0

его не моя скрипка. Я ссылаюсь на эту скрипку для переполнения – sonalgoyal

ответ

0

Вы можете использовать Jcrop, который является плагин JQuery специально для борьбы и манипулирование изображениями.

Вы можете найти библиотеку here

Для перетаскивания есть еще один отличный плагин т.е. jWindowCrop.

Вы можете найти его here.

+0

Я знал концепцию jcrop, но моя задача - перетащить урожай. Как и в facebook cover image – sonalgoyal

+0

@sonalgoyal: я обновил ответ, посмотрю – Shiva

+1

@sonalgoyal: файлы размером ~ 8 kb, поэтому я не знаю, Думаю, что это будет большая проблема производительности, и я также обновил ссылку на GitHub, которую вы можете посмотреть. – Shiva

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