Problem dotyczy Powiększonych zdjęć !!!

rondelctw

Avatar: rondelctw

2016-02-05 13:24

Witam.
Problem dotyczy Powiększonych zdjęć !!!
Do oryginalnego skryptu w css dodałem: border: 15px solid #ffffff;

Tak teraz wygląda cały kod:
#quick-box .image-wrapper img {
border: 15px solid #ffffff;
border-radius: 5px;
margin: 0;
padding: 0;
}

Załączniki:
http://ctw.civ.pl/zdjecie1.jpg
http://ctw.civ.pl/zdjecie2.jpg


Oryginalnie po powiększeniu nie ma ramki (zdjęcie 1 - załącznik) wokół zdjęcia, i wszystko wygląda poprawnie, natomiast po dodaniu ramki, znika wolna przestrzeń od dołu (zdjęcie 2 - załącznik).

Czy może mi ktoś podesłać, co zmienić w kodzie, aby zdjęcie z ramką miało taką samą odległość od góry i od dołu jak zdjęcie nr.1 (bez ramki).

Dziękuję serdecznie za pomoc.

» Quick.Cms v6.x

rondelctw

selekcjoner

Avatar: selekcjoner

2016-02-05 14:46

Możesz na próbę w core\libraries\quick.box.js zamienić linię:
iTopPos = Math.round((aSizes['iWindowHeight']-aSizes['iImageHeight'])/2)+'px';
na
iTopPos = '10px';
Potestuj z różnymi wartościami bo przypuszczam, że nie jest to najlepsze rozwiązanie

pawgraf

Avatar: pawgraf

2016-02-05 18:19

Spróbuj dodać box-sizing

#quick-box .image-wrapper img {
.
.
.
.
box-sizing: border-box;
}

Paweł

rondelctw

Avatar: rondelctw

2016-02-06 09:15

Dziękuję Wam za podpowiedzi, ale niestety to nic w 100% nie zmienia. Pliki mają na wysokość 900px.

----------------------------------
selekcjoner

To ciekawe rozwiązanie, dało by radę przy stronie na PC, ale na mobilnych niestety nie daje rady, nie wyśrodkowuje fotki, i gdy zdjęcie jest wysokie potrafi uciąć od dołu, nie skaluje. :-(

-------------------------------------
pawgraf

Niestety ale ten kod nic nie zmienił, dalej od dołu nie ma nic wolnej przestrzeni. :-(

rondelctw

selekcjoner

Avatar: selekcjoner

2016-02-06 11:18

Widzę, że skaluje, a obcina trochę zdjęcie od dołu nawet jak nie zrobisz zmiany o której pisałem.

selekcjoner

Avatar: selekcjoner

2016-02-06 11:41

Cofnij zmianę o której pisałem i znajdź:


function resizeImageaSizes ){


i zamień na:


function resizeImageaSizes ){
  
aSizes['iWindowHeight'] = aSizes['iWindowHeight'] - 40;
  
aSizes['iWindowWidth'] = aSizes['iWindowWidth'] - 40;

rondelctw

Avatar: rondelctw

2016-02-07 07:39

SELEKCJONER DZIĘKUJĘ :-)

POPRAWKA DZIAŁA :-)

DZIĘKI :-)

rondelctw

Do góry
o nas | kontakt