2012-06-25 4 views
0

не знаю, что произошло в моем выборе jcrop. Кажется, я нажал несколько клавиш на клавиатуре, которые сделали ручки выбора из квадратов в точки. Я использую mozilla firefox как мой браузер.JQuery Jcrop Selection

enter image description here

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

enter image description here

ответ

2

Квадраты являются частью CSS. По умолчанию CSS, что происходит с ним, как так:

.jcrop-holder{direction:ltr;text-align:left} 
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif) top left repeat;font-size:0;position:absolute} 
.jcrop-vline{height:100%;width:1px!important} 
.jcrop-hline{height:1px!important;width:100%} 
.jcrop-vline.right{right:0} 
.jcrop-hline.bottom{bottom:0} 
.jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px} 
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%} 
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0} 
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px} 
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%} 
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%} 
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0} 
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0} 
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0} 
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px} 
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%} 
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px} 
.jcrop-dragbar.ord-n{margin-top:-4px} 
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px} 
.jcrop-dragbar.ord-e{margin-right:-4px;right:0} 
.jcrop-dragbar.ord-w{margin-left:-4px} 
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:Alpha(opacity=70)!important;opacity:.70!important} 
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px} 
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:Alpha(opacity=70)!important;opacity:.7!important} 
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px} 
.jcrop-holder img,img.jcrop-preview{max-width:none} 

Вы также нужен файл Jcrop.gif, который также является частью загрузки Jcrop - для выше CSS, она должна быть в той же папке, что и CSS. Поэтому я подозреваю, что gif или css теперь вышли из сферы действия

+0

Благодарим вас за немедленный ответ на мой вопрос. Но у меня уже был Jcrop.gif в папке, где находится мой файл css для jcrop. – Jed

+0

Я проверил уже в firebug jcrop.gif в css-панели, но изображение загрузилось успешно. Я не думаю, что проблема .gif - проблема. – Jed

+0

Я уже решил проблему. Это версия, которую я скачал в Интернете. Кажется, что css, который я загрузил в Интернете, является последним и что я читаю из JQuery: Новичок для Ninja 2nd Edition старше. Hehehe. большое спасибо. Вы заслуживаете принятого ответа. :-D – Jed