Jcrop - zmiana koloru foreground Opcje

[hettmix]

Witam.

Korzystam z biblioteki Jcrop do obróbki zdjęć po stronie przeglądarki. Problem, z którym nie mogę sobie aktualnie poradzić, to jak zmienić kolor zaznaczonego obszaru.
Zmiana background kolor jest prosta:

[HTML] pobierz, plaintext 
$('.img').Jcrop({
 
   bgFade: true,
   bgColor: 'white',
   bgOpacity: 0.3
 
});
[HTML] pobierz, plaintext 

Ale czy można zmienić kolor wnętrza zaznaczonego obszaru ?.

[nospor]

Przeciez w zaznaczonym obszarze wyswietla sie oryginalny obrazek, wiec czego kolor ty tam chcesz zmieniac?

[hettmix]

Przeciez w zaznaczonym obszarze wyswietla sie oryginalny obrazek, wiec czego kolor ty tam chcesz zmieniac?

Może wyraziłem się mało precyzyjnie - chcę zakryć część obrazu np. poprzez wypełnienie białym kolorem.

Nadaj odpowiedni styl CSS elementowi. Musi to być zrobione w ten sposób (taka ścieżka), bo istnieją dwa elementy .jcrop-tracker.

[CSS] pobierz, plaintext 
.jcrop-holder div div .jcrop-tracker{
    background: rgba(255, 0, 0, 0.3);
}
[CSS] pobierz, plaintext 

Efekt:
(IMG:http://i.imgur.com/dyVhmwQ.png)

Faktycznie działa, ale czy można zmienić ten styl dynamicznie ?. W aplikacji użytkownik ma dwie opcje - włączając pierwszą może wyciąć fragment obrazu, włączając drugą może zakryć fragment obrazu.
Czy można w jakiś sposób przełączać się dynamicznie pomiędzy tymi dwiema opcjami mając już załadowany obrazek w ramce ?.

[sowiq]

Czy można w jakiś sposób przełączać się dynamicznie pomiędzy tymi dwiema opcjami mając już załadowany obrazek w ramce ?.

Wystarczy chwilę pomyśleć...

[JAVASCRIPT] pobierz, plaintext 
$('.image_container').addClass('hide_part');
 
// LUB
$('.image_container').removeClass('hide_part');
[JAVASCRIPT] pobierz, plaintext 

[CSS] pobierz, plaintext 
.hide_part .jcrop-holder div div .jcrop-tracker{
    background: rgba(255, 0, 0, 0.3);
}
[CSS] pobierz, plaintext 

Ten post edytował sowiq 17.10.2013, 11:44:41