Odyniec imgAreaSelect 插件不工作:( [关闭]答案

【问题标题】：Odyniec imgAreaSelect plugin is not working :( [closed]Odyniec imgAreaSelect 插件不工作:( [关闭]
【发布时间】：2013-12-11 08:40:31
【问题描述】：

我正在使用http://odyniec.net/projects/imgareaselect/

的图片区域选择插件

我尝试在他们的网站上制作演示，但无法成功:(请帮助。

http://jsfiddle.net/PdYB7/

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

【问题讨论】：

标签： javascript jquery css

【解决方案1】：

您需要添加 css 代码才能使其工作。他们有一个 css 表，您可以将其包含在他们的网站上下载

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

【讨论】：

jsfiddle.net/PdYB7/4