Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Fotke u "Colorbox" galeriji ne prate “resize” browsera

[es] :: Skript jezici :: Fotke u "Colorbox" galeriji ne prate “resize” browsera

[ Pregleda: 28653 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

pakito
Paun Es Durlic
kustos etnolog (u penziji!) i programer
naivac
Majdanpek

Član broj: 91953
Poruke: 214
*.dynamic.isp.telekom.rs.

Sajt: www.PaunDurlic.com


Profil

icon Fotke u "Colorbox" galeriji ne prate “resize” browsera14.09.2016. u 16:07 - pre 27 meseci
Mnogo glavobolja su mi zadale razne galerije, koje sam isprobavao za sajt na kome trenutno radim. U uži izbor su ušle dve: prva se može videti u »galeriji« ovoga primera:
http://www.muzejmajdanpek.com/fotografije.php
Njome nisam zadovoljan jer nisam uspeo da joj udesim finoću promena slika, i pored silnih eksperimenata, a k tome još i zadrtim ograničenjima u licenci.

Sledeća “galerija” je gotovo savršena, učitavanje i zatvaranje slika, kao i listanje galerije, sasvim je po mome ukusu, licenca je apsolutno “fre”, ali ima jedno “ali” koje strašno smeta, a meni zadaje neviđene muke, koje su me primorale da se obratim “stručnom veću” ovog – za nas programere “sluhiste” – natprosečno korisnom sajtu. To “ali” je u tome što je veličina prikazanih slika statična, i ne prati promene veličine browsera, primer je ista strana sa novim css i js-om:

http://www.muzejmajdanpek.com/fotografije-test.php

(Izvorno: http://www.jacklmoore.com/colorbox)

Svako ko se bavi poslovima prikazivanja fotki na sajtovima, zna koliko je ozbiljan “feler” kad se slike ne prilagođavaju, pre svega, različitim rezolucijama monitora, trista mu morskih sirena!
I tako, skrušeno molim eksperte da se pozabave ovim problemom, pa ukoliko je on lako rešiv, da mi pokažu kako, a ako nije, da mi to (do)kažu, pa da tužan bacim koplje u trnje, i odem u šetnju po okolini, koja je u Majdanpeku u ovo vreme uistinu božanstvena!
 
Odgovor na temu

djoka_l
Beograd

Član broj: 56075
Poruke: 2480



Profil

icon Re: Fotke u "Colorbox" galeriji ne prate “resize” browsera14.09.2016. u 16:45 - pre 27 meseci
Pakito, znam koliko si truda uložio u vlaški rečnik i u druge sajtove iz čistog entuzijazma.
Zato mi je žao da ti kažem da je problem sa fotografijama najmanji problem na tvojim sajtovima. Ono što si do sada uradio je (ako je to one-man-show) impresivno, ali beznadežno zastarelo u okvirima web programiranja i web dizajna.

Tvoj dizajn se oslanja na intenzivno korišćenje tabela, što je napušteno pre 15 godina. Pravi put bi bio redizajn kompletnih sajtova i orijentacija na neki framework koji ti "odmah" nudi responsive dizajn, na primer da kreneš sa Polymer frameworkom.

Drugi "put" bi bio da još malo pročešljaš besplate RESPONSIVE galerije (to je ključna reč za pretragu). https://www.google.rs/search?q=responsive+web+galery

Već prvi sajt ti daje predlog za 10 različitih galerija koje su responsive, pitanje je samo kako će one da se uklope sa ostatkom koda na stranici koji nije napravljen u responsive maniru i koji ne zna dobro da se skalira na različitim uređajima.

Po meni, imaš tri mogućnosti za dalje akcije:
1. Da nastaviš u svom maniru da održavaš sajtove koliko ti vreme, snaga i pamet budu dozvoljavali, a možda će naleteti neki softver koji će rešiti (bar) problem galerije.
2. Da kreneš sa učenjem responsive dizajna, da počneš da se baviš proučavanjem JavaScript frameworkova i da redizajniraš sam svoje sajtove (uz opasnost da stari dizajn ne ažuriraš, a da novi nikada ne završiš)
3. Da uključiš druge entuzijaste iz tvog kraja koji se bolje razumeju u programiranje, pa da malo rasporediš teret redizajna na više ruku.

Nadam se da shvataš da ja jako cenim trud koji si uložio i da smatram da su rezultati odlični, ali ipak na napredno-amaterskom nivou. Nadam se da te ova moja ocena ne vređa.
 
Odgovor na temu

pakito
Paun Es Durlic
kustos etnolog (u penziji!) i programer
naivac
Majdanpek

Član broj: 91953
Poruke: 214
*.dynamic.isp.telekom.rs.

Sajt: www.PaunDurlic.com


Profil

icon Re: Fotke u "Colorbox" galeriji ne prate “resize” browsera14.09.2016. u 21:10 - pre 27 meseci
Stvari stoje ovako. Moj 4D IQ sadrži u super egu sijalicu koja dobro osvetljava moj »slučaj«, i kad god sam u ovakvoj situaciji, zažalim što »elite« nema rubriku o IT folkloru, ili IT-antropologiji, jer bi tu moja generacija imala šta da ispripoveda. Drugim rečima, potpuno sam svestan u kakvim su mi »traljama« prezentacije, i da sam ja sa njima ona »četvrt« sa barakama »u predrgrađu« nekog ogromnog i šljaštavog web-megalopolisa! Ali, prilika nije za glagolanje, već za rešavanje praktičnog problema. Smatrao sam da u mome slučaju postoji takvo rešenje, i evo jednog do kojeg sam u međuvremenu došao.

Code:
<script>
    $(document).ready(function() {
    $(".fotoGraf-salegendom").colorbox({rel:'fotoGraf-salegendom', width: '50%', heigh: 'auto’});
    $(".group1").colorbox({rel:'group1', width: '50%', heigh: 'auto'});
    $(".jednaslika").colorbox({rel:'jednaslika', width: '50%', heigh: 'auto' });
    });
</script>


Ovo su, dakle, dodaci: width: '50%', heigh: 'auto’ ...

Kao što se može videti na sledećem primeru, ovo rešenje vrši posao, ne baš elegantno, ali vrši, jer se fotka sa svojim “ramom” “resajzuje” u skladu sa promenom rezolucije brovserovog prozora. Takodje se lepo ugnjezdi i na različitim rezolucijama raznaih računara!

http://www.muzejmajdanpek.com/fotografije-test2.php

Uzgred, isprobao sam više od 10 “responzivih” galerija, tako sam i došao do navedene dve. Pa su mi vala “galerije” presele! :) A što se tiče straha da će me kritike uvrediti, povrediti i slično, nema razloga za brigu. Ja sam momak koji potpuno realno shvata svet, i to na više spratova realnosti. U jednoj od tih realnosti je na visokom mestu "elitesequrity", prepoznatljiv po velikoj količini predusretljivosti i dobronamernosti.

PS. Ovo moje posklepano rešenje je prolazno, mora biti neki drugi način, sadržan u samom colorbox.js-u ... Voleo bih da mi neki majstor skrati muke i uštedi vreme, koga je u mome slučaju, bukvalno sve manje i skuplje, pa mi nije baš milo da ga arčim na dubinsko učenje JS ... :)

Da ste mi zdravo, i uz brdo brzo!
 
Odgovor na temu

pakito
Paun Es Durlic
kustos etnolog (u penziji!) i programer
naivac
Majdanpek

Član broj: 91953
Poruke: 214
*.dynamic.isp.telekom.rs.

Sajt: www.PaunDurlic.com


Profil

icon Re: Fotke u "Colorbox" galeriji ne prate “resize” browsera05.10.2016. u 12:38 - pre 26 meseci
Citat:
djoka_l:
Pakito, znam koliko si truda uložio u vlaški rečnik i u druge sajtove iz čistog entuzijazma.
[...]
Po meni, imaš tri mogućnosti za dalje akcije:
1. Da nastaviš u svom maniru da održavaš sajtove koliko ti vreme, snaga i pamet budu dozvoljavali, a možda će naleteti neki softver koji će rešiti (bar) problem galerije.
2. Da kreneš sa učenjem responsive dizajna, da počneš da se baviš proučavanjem JavaScript frameworkova i da redizajniraš sam svoje sajtove (uz opasnost da stari dizajn ne ažuriraš, a da novi nikada ne završiš)
3. Da uključiš druge entuzijaste iz tvog kraja koji se bolje razumeju u programiranje, pa da malo rasporediš teret redizajna na više ruku.

Nadam se da shvataš da ja jako cenim trud koji si uložio i da smatram da su rezultati odlični, ali ipak na napredno-amaterskom nivou. Nadam se da te ova moja ocena ne vređa.


Poslušao sam savet(e) i neke stvari savladao, ne do savršenstva, ali rekao bih do jedne trojke, što je čini mi se, za programere sluhiste, pristojna ocena!
To se može videti na sajtu, od menija, do mape! :)
http://www.muzejmajdanpek.com

Ali, nisam navratio na "elite" da bih doneo "domaći" na pregled, nego da izmolim pomoć za rešenje jednog od preostalih problema, čiji sam prvi deo potpuno sam savladao, i zato mislim da sam pomoć zaslužio. :)
Možda bih i njega mogao takodje sam da rešim, ali me ozbiljne obaveze toliko gaze, da ne mogu da dođem do daha koji mi treba za silna "guglanja" i testiranja ...

Molim majstore da bace pogled na link:

http://www.muzejmajdanpek.com/karta-naselja1.php

Ovakva dokumenta moraju biti dovoljno velika da bi se jasno čitala, čime se ostvaruje njihova obrazovna svrha.
I to sam uspeo da rešim.
Ali, preostaje da se "ugradi" jQuery funkcija koja će na "klik" dokument vratiti u prethodno stanje.
To je predmet moje molbe, pa ako nije komplikovano, i ne traži mnogo vremena, molim za "mustru" funkcije!





 
Odgovor na temu

pakito
Paun Es Durlic
kustos etnolog (u penziji!) i programer
naivac
Majdanpek

Član broj: 91953
Poruke: 214
*.dynamic.isp.telekom.rs.

Sajt: www.PaunDurlic.com


Profil

icon Re: Fotke u "Colorbox" galeriji ne prate “resize” browsera06.10.2016. u 06:58 - pre 26 meseci
REŠIO SAM PROBLEM!

Da zbilja radi kako treba, evo dokaza:
http://www.muzejmajdanpek.com/karta-naselja.php

Slici sam "nakačio" dve funkcije:

Code:

<div class="divOkvir" id="okvir" >
    <img id="slika" class="imgKarta" onclick="povecaj(); smanji()" src="img/e/karta-naselja.png"  />
</div>


Prva funkcija povećava kartu:

Code:

function povecaj() {
    var sirina = $(document).width();

    $("#okvir").css(
    {"width":"95%",
    "pading":"0px",
    "height":"auto",
    "margin":"auto",
    "left":"5px",
    "right":"5px",
    "top":"5px",
    "bottom":"0px",
    "cursor":"zoom-out"
    });
}


Druga najpre ispituje stanje kursora, a onda je na "click" smanjuje, i, što je najvažnije, ponovo učitava stranu:

Code:

function smanji(){
$(document).ready(function() {

var k = $("#okvir").css("cursor");
if (k = "zoom-out")
{
$('#slika').bind('click', function() {
    $("#okvir").css(
    {"width":"800px",
    "cursor":"zoom-in"
    });
    location.reload();
});
};
});
}   


Može, doduše, funkcija "smanji()" da se svede samo na učitavanje strane ("location.reload();") ali se tada primećuje uobičajena sporost prilikom osvežavanja strane.
Ne znam koliko je ovo rešenje "lege artis", ali je meni važno da vrši posao!

:)
 
Odgovor na temu

[es] :: Skript jezici :: Fotke u "Colorbox" galeriji ne prate “resize” browsera

[ Pregleda: 28653 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.