Galeria po otwarciu zdjęć źle wyświetla

mcbuba

Avatar: mcbuba

2019-08-18 20:06

Witam
Jak w temacie. Mam problem z galerią zdjęć. Mianowicie po wejściu w które kolwiek zdjęcie, jest ono wyświetlane tak nisko że widać je niecałe (ledwo połowe). Szukałem w kodzie gdzie jest linia odnośnie otierania zdjęć ale niestety poległem. Proszę o pomoc. Poniżej wysyłam kod z style.css który jest uruchomiony.

/* IMAGES STYLES */
/* global */
#content li img{max-width:70vw;box-shadow:0 0 4px rgba(100,100,100,0.4);}
#content li img:hover{opacity:0.8;}
ul[class*='images-']{list-style:none;}
ul[class*='images-'li{margin:0 0 1rem 0;background:inherit;text-align:center;}
ul[class*='images-'p{max-width:250px;margin:0 auto;color:#0093dd;font-size:0.875em;}
ul[class*="images-"img{max-width:70vw;box-shadow:0 0 4px rgba(100,100,100,0.4);}
ul[class*="images-"img:hover{opacity:0.8;}
div.content .images-gallery{padding:0;}
/* list custom -column images */
.images-1{clear:left;float:left;margin:.5rem 1.5rem 0 0;}
.
images-2{clear:right;float:right;margin:.5rem 0 0 1rem;}
/* list custom -column images */
.images-3{clear:both;display:flex;flex-flow:row wrap;justify-content:space-between;}
.
images-3 li{flex:1 0 auto;padding:.3rem 2rem;}
/* @media screen and (min-width:960px){ .images-3 li{flex:0 0 25%;} } */ /* - if you want to set static number of columns */



Chodzi o wyświetlenie zdjęcia na "pełny ekran" (full resolution). Być może wina jest tu:


/* QUICK.BOX */
#quick-box{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba( 0, 0, 0, 0.7 );z-index:200;}
#quick-box .background{height:100%;}
#quick-box .quick-box-container{position:absolute;padding:0;border-radius:5px;box-shadow: 0 0 15px 1px #000;}
#quick-box .image-wrapper{position:relative;line-height:0;}
#quick-box .image-wrapper img{margin:0;padding:0;border-radius:5px;}
#quick-box .navigation{position:absolute;bottom:0;margin:0;padding:.5em 0;text-align:center;font-size:0.875rem;font-weight:bold;color:#ddd;line-height:normal;background:rgba( 0, 0, 0, 0.2 );width:100%;}
#quick-box .full-size{position:absolute;right:8px;top:2px;width:24px;height:24px;font-size:0.1em;color:transparent;background:url('../admin/img/fullscreen.png') no-repeat;}
#quick-box .description{margin:0;padding:.5em 0;text-align:center;font-size:0.875rem;color:#ddd;font-weight:bold;background:rgba( 0, 0, 0, 0.8 );border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:66px;overflow:hidden;}
#quick-box .arrow{position:absolute;display:block;width:50%;top:15%;height:70%;margin:0px;font-family:Verdana;z-index:100;opacity:0.5;text-decoration:none;}
#quick-box .arrow:before, #quick-box .arrow:after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);}
#quick-box .arrow:before{width:32px;height:32px;margin:0 10px;background:url('img/arrows.png') no-repeat 0 0;z-index:1;}
#quick-box .arrow:after{width:52px;height:52px;background:rgba( 0, 0, 0, 0.2 );z-index:-1;}
#quick-box .arrow.prev:before{background-position:0 -32px;}
#quick-box .arrow.next:before{right:0;}
#quick-box .arrow.next:after{right:0;}
#quick-box .arrow:hover{opacity:0.9;}
#quick-box .prev{left:0px;}
#quick-box .next{right:0px;}
#quick-box .close{position:absolute;top:0;right:0;padding:0.15em 0.4em 0.2em;opacity:0.5;background:#000;color:#fff;font-weight:bold;font-family:"Trebuchet MS";text-decoration:none;border:1px solid #fff;border-top:none;border-right:none;border-top-right-radius:5px;z-index:100;}
#quick-box .close:hover{opacity:0.8;}
#quick-box .close, #quick-box .arrow{line-height:normal;}
#quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;}
@media /* High px density (mostly mobile) - so you can magnify something */
only screen and (-webkit-min-device-pixel-ratio2),
only screen and (        min-device-pixel-ratio2),
only screen and (min-resolution192dpi),
only screen and (min-resolution2dppx){
  
#quick-box .close{font-size:1.5rem;}
  #quick-box .prev, #quick-box .next{opacity:0.5;text-decoration:none;}
}

» Quick.Cms v6.x

Quick.Cms 6.6 Free

selekcjoner

Avatar: selekcjoner

2019-08-19 15:27

Podmień ten kod na niezmodyfikowany z pobranego cms'a i zobaczysz czy tu jest błąd.

mcbuba

Avatar: mcbuba

2019-08-19 17:39

selekcjoner

Kod jest identyczny. Podmieniłem i tak samo wyświetla za nisko powiększony obraz (po wyczyszczeniu danych przeglądarki). Można to ustawić żeby maksymalnie na górze wyświetlało?

Quick.Cms 6.6 Free

Roni

Avatar: Roni

2019-08-20 07:34

Podeślij adres strony.
Możliwe, że modyfikowałeś style głównego układu i quick.box liczy wg jakiejś innej pozycji okna.
To javascript jest odpowiedzialny za pozycję zdjęcia.
Sprawdź na tym samym komputerze (i przeglądarce) czystą wersję pobraną z serwera.

mcbuba

Avatar: mcbuba

2019-08-21 20:17

www.interform-meble.pl

Quick.Cms 6.6 Free

selekcjoner

Avatar: selekcjoner

2019-08-22 14:51

Prawdopodobnie skrypt nie jest wgrany w trybie binarnym
https://opensolution.org/docs/?p=pl-install#install-server

mcbuba

Avatar: mcbuba

2019-09-02 18:38

Przesyłany binarnie TC64 (ma to w standardzie)

Quick.Cms 6.6 Free

openzibi

Avatar: openzibi

2019-09-02 19:18

Aktualna wersja Total Commander'a to 9.22 a wspomniane przez Ciebie 64 chyba dotyczy "64-bitowej" wersji Windowsa.
Czy takie coś widzisz: Total Commander (x64) 9.22a
System oferuje 3 tryby przesyłania danych: automatycznie, binarnie, tekst.
Nas interesuje tylko BINARNIE. Ustawienie "automatycznie" nie zawsze się sprawdzi.
Na wszelki wypadek sprawdź co masz ustawione w Konfiguracja/FTP/Tryb przesyłania danych.

Zbyszek - StudioStrona.pl

mcbuba

Avatar: mcbuba

2019-09-11 19:33

Jest to przesyłanie binarne.
Być może problem jest w skrypcie FB like boxa?

openzibi

Avatar: openzibi

2019-09-11 20:41

Nie wiem czym edytujesz pliki ale masz chyba "pustą linię" na początku kodu.
(efekt złego sposobu wgrywania lub złego edytora itd.)
Zerknij tu http://validator.w3.org/ i wstaw adres swojej strony i zobaczysz wykaz błędów.

Zakładam że nie używasz Notatnika z Windows'a ale np. program Notepad++ pozwalający na zapis plików php jako UTF-8 (bez BOM)

PS.
Tak przy okazji :)
1. Zwiększ szerokość pierwszego baneru z 1100 na 1200px
2. Dodany przez Ciebie nietypowy FB raczej tu nie przeszkadza ale lepiej to sprawdź usuwając go na chwile.
Spróbuj tez dodać do .fb-like z-index:300; bo fb znika pod kolejnymi banerami.

Zbyszek - StudioStrona.pl

mcbuba

Avatar: mcbuba

2019-09-22 10:14

Binarne. Tak wersja 9.22 x64

Quick.Cms 6.6 Free

mcbuba

Avatar: mcbuba

2019-09-22 13:26

Witam

Nie odnalazłem przyczyny tego problemu. Po wgraniu na nowo całego skryptu, wszystko działa jak należy.

Przeprowadziłem pare prób z wgrywaniem kopii i wysypywała się galeria przy plikach config i template.
Temat chyba można zamknąć.

Dziękuję wszystkim za pomoc

Quick.Cms 6.6 Free

mcbuba

Avatar: mcbuba

2019-09-25 18:23

Witam
Problem znów się pojawia po załadowaniu dużej ilości zdjęć.

Quick.Cms 6.6 Free

szymaniukjerzy

Avatar: szymaniukjerzy

2019-09-30 14:50

Poczytaj na temat przygotowania zdjęć. Kto wrzuca niektóre zdjęcia o rozdzielczości 5120x3840px i wadze ok. 2MB?

Do góry
o nas | kontakt