Odyniec imgAreaSelect插件沒有工作:(

Question

我使用的http://odyniec.net/projects/imgareaselect/

我曾試圖使在其網站上的演示圖像區域選擇的插件，但不能使它工作:(請幫助。

http://jsfiddle.net/PdYB7/

$(document).ready(function() { 
    $('#bee').imgAreaSelect({ aspectRatio: '4:3', handles: true }); 
}); 

Answer 1

您需要添加CSS代碼爲它工作。他們有一個CSS表，你可以包括你可以做wnload在其網站上

<link rel="stylesheet" type="text/css" href="css/imgareaselect-default.css" /> 

DEMO

/* 
* imgAreaSelect animated border style 
*/ 

.imgareaselect-border1 { 
    background: url(border-anim-v.gif) repeat-y left top; 
} 

.imgareaselect-border2 { 
    background: url(border-anim-h.gif) repeat-x left top; 
} 

.imgareaselect-border3 { 
    background: url(border-anim-v.gif) repeat-y right top; 
} 

.imgareaselect-border4 { 
    background: url(border-anim-h.gif) repeat-x left bottom; 
} 

.imgareaselect-border1, .imgareaselect-border2, 
.imgareaselect-border3, .imgareaselect-border4 { 
    opacity: 0.5; 
    filter: alpha(opacity=50); 
} 

.imgareaselect-handle { 
    background-color: #fff; 
    border: solid 1px #000; 
    opacity: 0.5; 
    filter: alpha(opacity=50); 
} 

.imgareaselect-outer { 
    background-color: #000; 
    opacity: 0.5; 
    filter: alpha(opacity=50); 
} 

.imgareaselect-selection { 
}