X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Jcrop - нужна помощь
ifgeniy
ifgeniy
Topic Starter сообщение 5.3.2013, 23:23; Ответить: ifgeniy
Сообщение #1


Вот пример использования кропа http://tag-pag.ucoz.ua/index/test/0-24
Проблема, как вы поняли во втром изображении внизу. Как его скрыть?
Код того места страницы приведен ниже
<div class="image-crop">
<img src="http://tag-pag.ucoz.ua/mini_ark/01001.jpg" alt="" id="cropbox" class="base" style="margin-left: 100px; display: none;"> <div style="width: 450px; height: 450px; position: relative; background-color: rgb(255, 255, 255); text-align: left; margin-left: 65px;" class="jcrop-holder"> <div style="position: absolute; z-index: 300; width: 450px; height: 450px; top: 0px; left: 0px;"> <div class="jcrop-crosshair" id="jcropCrosshair"></div> <div style="width: 100%; height: 100%; z-index: 310; position: absolute; overflow: hidden;"><img src="http://tag-pag.ucoz.ua/mini_ark/01001.jpg" style="border: none; margin: 0px; padding: 0px; position: absolute; width: 450px; height: 450px; top: 0px; left: 0px;"> <div style="position: absolute; opacity: 0.4;" class="jcrop-hline"></div> <div style="position: absolute; opacity: 0.4;" class="jcrop-hline bottom"></div> <div style="position: absolute; opacity: 0.4;" class="jcrop-vline"></div> <div style="position: absolute; opacity: 0.4;" class="jcrop-vline right"></div> <div class="jcrop-tracker" style="cursor: move; position: absolute; z-index: 360;"></div></div> <div style="width: 100%; height: 100%; z-index: 320; display: block;"> <div style="cursor: n-resize; position: absolute; z-index: 370; width: 100%; height: 9px; top: -4px; left: -4px;"></div> <div style="cursor: s-resize; position: absolute; z-index: 371; width: 100%; height: 9px; top: 445px; left: -4px;"></div> <div style="cursor: e-resize; position: absolute; z-index: 372; width: 9px; height: 100%; top: -4px; left: 445px;"></div> <div style="cursor: w-resize; position: absolute; z-index: 373; width: 9px; height: 100%; top: -4px; left: -4px;"></div> <div style="cursor: n-resize; position: absolute; z-index: 999999; top: -4px; left: 220px; opacity: 1;" class="jcrop-handle vertical"></div> <div style="cursor: s-resize; position: absolute; z-index: 999999; top: 445px; left: 220px; opacity: 1;" class="jcrop-handle vertical"></div> <div style="cursor: e-resize; position: absolute; z-index: 999999; top: 220px; left: 445px; opacity: 1;" class="jcrop-handle"></div> <div style="cursor: w-resize; position: absolute; z-index: 999999; top: 220px; left: -4px; opacity: 1;" class="jcrop-handle"></div> <div style="cursor: sw-resize; position: absolute; z-index: 999999; top: 445px; left: -4px; opacity: 1; display: none;" class="jcrop-handle"></div> <div style="cursor: nw-resize; position: absolute; z-index: 999999; top: -4px; left: -4px; opacity: 1; display: none;" class="jcrop-handle"></div> <div style="cursor: ne-resize; position: absolute; z-index: 999999; top: -4px; left: 445px; opacity: 1; display: none;" class="jcrop-handle"></div> <div style="cursor: se-resize; position: absolute; z-index: 999999; top: 445px; left: 445px; opacity: 1; display: none;" class="jcrop-handle"></div></div></div> <div class="jcrop-tracker" style="width: 454px; height: 454px; position: absolute; top: -2px; left: -2px; z-index: 290; cursor: default;"></div><input type="radio" style="position: fixed; left: -120px; width: 12px;"><img src="http://tag-pag.ucoz.ua/mini_ark/01001.jpg" alt="" class="base" style="margin: 0px; border: none; padding: 0px; position: absolute; width: 450px; height: 450px; opacity: 0.4;"></div>

</div>
</div>

По идее, оно должно быть невидимым
Буду благодарен
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Baron93
Baron93
сообщение 5.3.2013, 23:33; Ответить: Baron93
Сообщение #2


[CSS].jcrop-tracker {display: none}[/CSS]
и раз пишешь классы удали стили, объедини их

а вообще там по моему много лишнего. почисти код
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ifgeniy
ifgeniy
Topic Starter сообщение 5.3.2013, 23:43; Ответить: ifgeniy
Сообщение #3


(Baron93 @ 6.3.2013, 02:33) *
[CSS].jcrop-tracker {display: none}[/CSS]
и раз пишешь классы удали стили, объедини их

а вообще там по моему много лишнего. почисти код

Не совсем вас понял, я новичек в этом деле, не могли бы вы подробнее объяснить? и этот стиль надо вписать в jquery.jcrop.css или в общий страницы?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Baron93
Baron93
сообщение 6.3.2013, 11:25; Ответить: Baron93
Сообщение #4


пришли весь код и css. я так не могу не чего понять из кода
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ifgeniy
ifgeniy
Topic Starter сообщение 6.3.2013, 19:20; Ответить: ifgeniy
Сообщение #5


Вот скрипты и код. http://rghost.ru/44303948 пароль 123456789
Если можно, подскажи еще, почему поле формы с телефоном и елпочтой другого стиля. Вродь никаких изменений в коде
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Baron93
Baron93
сообщение 7.3.2013, 11:30; Ответить: Baron93
Сообщение #6


скинул в личку.
в следующий раз, если что то не работает, для начала почисти код. я исправил только html, мусора уйма. из-за него страница тормозила. короче разбирайся)))
все почить, сделай по человечески, я не чего не удалял а закоментировал для наглядности.

<div class="image-crop">
<img src="http://tag-pag.ucoz.ua/mini_ark/01001.jpg" alt="" id="cropbox" class="base" style="margin-left: 100px; display: none;"> <div style="width: 450px; height: 450px; position: relative; background-color: rgb(255, 255, 255); text-align: left; margin-left: 65px;" class="jcrop-holder"> <div style="position: absolute; z-index: 300; width: 450px; height: 450px; top: 0px; left: 0px;"> <div class="jcrop-crosshair" id="jcropCrosshair"></div> <div style="width: 100%; height: 100%; z-index: 310; position: absolute; overflow: hidden;"><img src="http://tag-pag.ucoz.ua/mini_ark/01001.jpg" style="border: none; margin: 0px; padding: 0px; position: absolute; width: 450px; height: 450px; top: 0px; left: 0px;"> <div style="position: absolute; opacity: 0.4;" class="jcrop-hline"></div> <div style="position: absolute; opacity: 0.4;" class="jcrop-hline bottom"></div> <div style="position: absolute; opacity: 0.4;" class="jcrop-vline"></div> <div style="position: absolute; opacity: 0.4;" class="jcrop-vline right"></div> <div class="jcrop-tracker" style="cursor: move; position: absolute; z-index: 360;"></div></div> <div style="width: 100%; height: 100%; z-index: 320; display: block;"> <div style="cursor: n-resize; position: absolute; z-index: 370; width: 100%; height: 9px; top: -4px; left: -4px;"></div> <div style="cursor: s-resize; position: absolute; z-index: 371; width: 100%; height: 9px; top: 445px; left: -4px;"></div> <div style="cursor: e-resize; position: absolute; z-index: 372; width: 9px; height: 100%; top: -4px; left: 445px;"></div> <div style="cursor: w-resize; position: absolute; z-index: 373; width: 9px; height: 100%; top: -4px; left: -4px;"></div> <div style="cursor: n-resize; position: absolute; z-index: 999999; top: -4px; left: 220px; opacity: 1;" class="jcrop-handle vertical"></div> <div style="cursor: s-resize; position: absolute; z-index: 999999; top: 445px; left: 220px; opacity: 1;" class="jcrop-handle vertical"></div> <div style="cursor: e-resize; position: absolute; z-index: 999999; top: 220px; left: 445px; opacity: 1;" class="jcrop-handle"></div> <div style="cursor: w-resize; position: absolute; z-index: 999999; top: 220px; left: -4px; opacity: 1;" class="jcrop-handle"></div> <div style="cursor: sw-resize; position: absolute; z-index: 999999; top: 445px; left: -4px; opacity: 1; display: none;" class="jcrop-handle"></div> <div style="cursor: nw-resize; position: absolute; z-index: 999999; top: -4px; left: -4px; opacity: 1; display: none;" class="jcrop-handle"></div> <div style="cursor: ne-resize; position: absolute; z-index: 999999; top: -4px; left: 445px; opacity: 1; display: none;" class="jcrop-handle"></div> <div style="cursor: se-resize; position: absolute; z-index: 999999; top: 445px; left: 445px; opacity: 1; display: none;" class="jcrop-handle"></div></div></div> <div class="jcrop-tracker" style="width: 454px; height: 454px; position: absolute; top: -2px; left: -2px; z-index: 290; cursor: default;"></div><input type="radio" style="position: fixed; left: -120px; width: 12px;"><img src="http://tag-pag.ucoz.ua/mini_ark/01001.jpg" alt="" class="base" style="margin: 0px; border: none; padding: 0px; position: absolute; width: 450px; height: 450px; opacity: 0.4;"></div>

</div>
</div>


из этого я практически все удалил
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ifgeniy
ifgeniy
Topic Starter сообщение 7.3.2013, 16:11; Ответить: ifgeniy
Сообщение #7


ок, будем разбираться!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Требуется помощь по сайту на "ВордПресс"
Закрылся доступ в панель администратора
15 Tia2 2350 17.4.2024, 0:54
автор: diviner99
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыСостояние после ампутации - нужна помощь
благотворительный топик
49 vitvirtual 5876 1.4.2024, 5:23
автор: vitvirtual
Открытая тема (нет новых ответов) Нужна ли плоская структура категорий в ИМ?
1 noviktamw 1172 26.3.2024, 21:50
автор: c4p1t4l15t
Открытая тема (нет новых ответов) требуется помощь с themasoftware (Темапостером)
0 Taylor 624 16.3.2024, 18:41
автор: Taylor
Открытая тема (нет новых ответов) Нужна рассылка по емаил базе сео-студий
0 kasey7 682 2.3.2024, 23:13
автор: kasey7


 



RSS Текстовая версия Сейчас: 20.4.2024, 7:42
Дизайн