當圖像大小是biger然後最小條件時拖動圖像

我是新來的jquery。當我的圖像大於div尺寸時，我想要拖動圖像。舉例：當我們上傳封面圖片，如果我的圖片尺寸較大，然後覆蓋圖片div，那麼他們會要求我們設置圖片的哪一部分，我們要顯示。我想這種類型的功能我的代碼是：當圖像大小是biger然後最小條件時拖動圖像

<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; 
}

希望你明白我的問題

來源

2013-12-16 sonalgoyal

你能提供小提琴嗎？ –

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

它不是我的小提琴。如果圖像尺寸較大，請將此小提示溢出 – sonalgoyal

您可以使用Jcrop，這是一個jQuery插件專門爲應對並操縱圖像。

您可以找到庫here

拖放還有另一個偉大的插件，即jWindowCrop。

你可以找到它here.

來源

2013-12-16 05:34:17 Shiva

我知道jcrop的概念，但我的任務是拖動一個作物。就像在facebook的封面圖片 – sonalgoyal

@sonalgoyal：我已經更新了答案，看看 – Shiva

@sonalgoyal：這些文件的大小~8 kb，所以我不'我認爲這將是一個很大的性能問題，我也更新了GitHub的鏈接，你可以看看。 – Shiva

當圖像大小是biger然後最小條件時拖動圖像

回答

相關問題