Forum Debian Users Gang

@ethanak:

a) polegasz na nieudokumentowanym ficzerze co poniektórych przeglądarek (automatyczne skalowanie do okna) a to bardzo śliska sprawa - może działać albo nie, albo użytkownik ma pstryczek do wyłączania, albo w ogóle nie wiem co.[/quote]
To teraz mnie zaciekawiłeś - podaj jakiejś nowoczesnej przeglądarki która nie wspiera na img atrybutów width i height, bo z tego co ja widzę to te zmienne mapują bezpośrednio na width i height CSS, przynajmniej wg. specyfikacji W3:

https://www.w3.org/wiki/HTML/Elements/img

Ja się nie spotkałem żeby to kiedykolwiek nie działało - nawet na starych wersjach IE chodziło bez problemu, więc proszę o przykład.

b) nawet jeśli by to działało, to jakość w ten sposób pomniejszonego zdjęcia jest tragiczna - przeglądarka to nie program graficzny i przy skalowaniu działa najprostszym algorytmem (pomijanie/powielanie pikseli). Jeśli w ten sposób chcesz prezentować zdjęcie to... cóż, nie wiem po co.
Aha, dotyczy to również smętnych dywagacji kolegów przedpiśców na temat skalowania w HTML/CSS/JS[/quote]
[b]Nikt nie pisał że to jest zalecany sposób![/b] - ba! w ogóle skalowanie na zasadzie stretchowania po x i y jest średnio fajne bo tracimy perspektywę... (i nadal nie wiemy czy o to autorowi chodziło...) mimo to przesadzasz z tym spadkiem jakości - większość przeglądarek używa przyspieszenia sprzętowego i skaluje za pomocą interpolacji biliniowej, co daje całkiem zadowalające efekty w przypadku upscalingu i znośne w przypadku downscalingu - ostatnie skalowanie zdjęć nearest neighbour widziałem w Operze 9.x i IE7 prawie 10 lat temu i faktycznie wtedy każda zmiana rozmiaru powodowała pikselozę (inna sprawa że Opera 9 chodziła dzięki temu jak burza).

c) pobudka! mamy rok 2015 i HTML3 już dawno odszedł w niebyt![/quote]
O ile powyższe jest "bee" o tyle nie widzę aby atrybuty width i height na img były oznaczone jako obsolete w HTML5

Owszem, do tego służy php i biblioteki takie jak GD czy ImageMagick (czy co tam jeszcze pehapiści wymyślili, nie znam się, używam PIL w Pythonie) - a przynajmniej GD znajdziesz na większości paszczatych hostingów (inaczej: jeśli nie ma GD to hosting jest tak paszczaty że nie ma się co nim zajmować). Tylko nie generuje się kodu HTML przeskalowującego obrazek, a przeskalowuje po stronie serwera.
Można również przygotować kilka wersji fotki (wstępnie przeskalowanej) dla popularnych rozdzielczości i serwować wersję najbardziej pasującą. Nie trzeba wtedy angażować serwera do pracy nad każdym zdjęciem.
Najlepszym rozwiązaniem jest połączenie obu tych sposobów - tzn. serwowanie obrazka przeskalowanego do jakichś tam rozmiarów i zapisanie go w cache.

Reasumując: HTML nie ma tu nic do rzeczy. Źle zadane pytanie.[/quote]
Nikt nie napisał że powyższe jest zalecanym rozwiązaniem (inna sprawa że skalowanie live po stronie serwera to też dobra droga do zarżnięcia maszyny w przypadku popularniejszych stron...) ale biorąc pod uwagę to co kolega @oli zapodał, stawiam że tam gdzie chce to wykorzystać nie ma żadnego przetwarzania serwerowego, a nawet jeśli to nie ma czasu się zagłębiać w tajniki PHP żeby podpiąć to co chce zrobić, bo cytuję:

Proszę nie dawajcie mi linków, żebym się uczył bo robię to raz na 100 lat :)[/quote]
Swoją drogą, jest wiele różnych rozwiązań - nie wiem czemu upierasz się że używanie standardu CSS do skalowanie jest "bee" - fakt faktem że najlepiej pregenerować zdjęcia dla kilku najpopularniejszych rozdzielczości, ale jak ktoś ma sobie przerabiać stronę z czystego HTML na wersję serwerową tylko po to to już lepiej zainteresować się bibliotekami JS które zrobią to po stronie klienta.

Pozdrawiam.

Offline

 

#11  2015-10-25 11:30:51

  pink - Użytkownik

pink

Użytkownik

Skąd: P17PY93

Zarejestrowany: 2005-09-16

Serwis

Re: Szybka pomoc w prostym HTML

zalezy od rozmiaru obrazka ewentualnie mozna przeskalowac, wrzuc strone testowo na sever ze zdjeciami


width: 100%;
height: auto;

daje orginalne wymiary zdjecia.
W tym pliku.html podejrzewam ze maja byc thumbnailsy czyli albo duze zdjecia przeskalowane do malych rozmiarow (co jest bez sesu) albo male pliki jako linki do plikow pelnych  otwieranych po kliknieciu


a wogule to takie postawienie sprawy jest z zalozenia bez sesu albo dajesz link do calosci ze zdjeciami i css albo sobie zam zgaduj.

nie daje ci linkow ty daj.

Ostatnio edytowany przez pink (2015-10-25 11:53:20)

---

T430 think-box 4.9-custom x86_64 Intel(R) Core(TM) i5-3230M CPU @ 2.60GHz GenuineIntel GNU/Linux
"Doktor plama i maharadża są pod złotym leszczem." "Człowieka od zwierzęcia odróżnia ciekawość świata. Patrze słucham i wyciągam wnioski."
http://przemyslawmamon.com/
https://www.behance.net/przemyslawmamon

Offline

 

#12  2015-10-25 12:27:10

  oli - Członek DUG

oli

Członek DUG

Zarejestrowany: 2012-01-08

Re: Szybka pomoc w prostym HTML

Próbuję to wstawić co napisał mi HUK ale wywala mi obrazek obok miniaturki :(

link do strony http://pardel.com.pl/fotonikon

Offline

 

#13  2015-10-25 12:46:37

  Huk - Smoleńsk BULWA!

Huk

Smoleńsk BULWA!

Zarejestrowany: 2006-11-08

Re: Szybka pomoc w prostym HTML

@oli:

1. [b]Cały czas nie podałeś co chcesz DOKŁADNIE osiągnąć[/b] - zapisz to co ci podałem lokalnie na swoim kompie, w jakimś folderze, wrzuć tam zdjęcie 1.jpg i 1a.jpg i sprawdź czy o to Ci chodzi.

2. Z tego co widzę na podanej stronie masz użyte framy... - to cholerstwo było stosowane dawno temu, dzisiaj jest przestarzałe i pewnie przez to moje rozwiązanie nie działa jak powinno - pytanie czy tak musi być i masz się dostosować, czy też można to zmienić.

Opisz dokładniej założenia, bo stawiam że jeszcze jeden "minimalistyczny" post a zniechęcisz wszystkich chętnych do pomocy.

EDIT:

Z tego co widzę te framy jednak raczej nie przeszkadzają - przynajmniej nie lokalnie w Chrome, na czym to testujesz?

Pozdrawiam.

Ostatnio edytowany przez Huk (2015-10-25 13:01:09)

Offline

 

#14  2015-10-25 13:15:14

  oli - Członek DUG

oli

Członek DUG

Zarejestrowany: 2012-01-08

Re: Szybka pomoc w prostym HTML

Tak, lokalnie jest OK, ale już z serwera dalej za duże.

Offline

 

#15  2015-10-25 13:34:07

  Huk - Smoleńsk BULWA!

Huk

Smoleńsk BULWA!

Zarejestrowany: 2006-11-08

Re: Szybka pomoc w prostym HTML

Nie wiem co tam się dzieje, ja u siebie zrobiłem tak (wszystkie pliki w jednym folderze):

Indxef.html:

Kod:

<html>
    <head>
        <title></title>
    </head>
<frameset rows="*"><frame name="997" noresize="" src="index.html">
<noframes></noframes></frameset></html>

Index.html:

Kod:

<html>
    <body>
        <p align="center"><b><font size="3" face="Arial">PRZYKŁADOWE ZDJĘCIA WYKONANE OBIEKTYWEM 
        </font></b><p align="center"><b><font size="3" face="Arial">Nikon Nikkor AF-S DX 35 mm f/1.8 G</font></b>
        <p align="center">



        <a href="1.html"><img src="http://81.163.204.82/witek/fotonikon/1a.jpg" border="0" width="150" height="100" alt="obrazek" ></a> 
        <a href="2.html"><img src="http://81.163.204.82/witek/fotonikon/2a.jpg" border="0" width="150" height="100" alt="obrazek"></a>
        <a href="3.html"><img src="http://81.163.204.82/witek/fotonikon/4a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="4.html"><img src="http://81.163.204.82/witek/fotonikon/5a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
         </p>
        <p align="center"> 
        <a href="5.html"><img src="http://81.163.204.82/witek/fotonikon/6a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="6.html"><img src="http://81.163.204.82/witek/fotonikon/7a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="7.html"><img src="http://81.163.204.82/witek/fotonikon/8a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="8.html"><img src="http://81.163.204.82/witek/fotonikon/9a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
         </p>
        <p align="center"> 
        <a href="9.html"><img src="http://81.163.204.82/witek/fotonikon/Aa.jpg" border="0" width="150" height="100" alt="obrazek"></a>
        <a href="10.html"><img src="http://81.163.204.82/witek/fotonikon/Ba.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="11.html"><img src="http://81.163.204.82/witek/fotonikon/Ca.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="12.html"><img src="http://81.163.204.82/witek/fotonikon/Da.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        </p>
    </body>
</html>

Oraz na próbę 1.html:

Kod:

<html>
    <body>
        <img src="http://81.163.204.82/witek/fotonikon/1.jpg" border="0" width="100%" height="100%" alt="obrazek">
    </body>
</html>

Włączam indexf.html i po kliknięciu w kurczaka widzę ładnie zeskalowany obraz do okna - tak więc albo serwer coś przetwarza w tle i zmienia generowany HTML, albo źle coś podpinasz albo offline działa inaczej niż online. Bez widoczności tego co na serwerze i wygenerowanego html, nikt tutaj raczej nic nie poradzi - porównaj sobie najlepiej w Chrome w narzędziach developerskich (F12) co generuje serwer z tym jak to wygląda lokalnie, czymś się różnić musi.

Pozdrawiam.

Offline

 

#16  2015-10-25 13:39:26

  ethanak - Użytkownik

ethanak

Użytkownik

Skąd: Ungwenor

Zarejestrowany: 2010-07-19

Serwis

Re: Szybka pomoc w prostym HTML

@Huk:
[quote=Huk]@ethanak:

a) polegasz na nieudokumentowanym ficzerze co poniektórych przeglądarek (automatyczne skalowanie do okna) a to bardzo śliska sprawa - może działać albo nie, albo użytkownik ma pstryczek do wyłączania, albo w ogóle nie wiem co.[/quote]
To teraz mnie zaciekawiłeś - podaj jakiejś nowoczesnej przeglądarki która nie wspiera na img atrybutów width i height, bo z tego co ja widzę to te zmienne mapują bezpośrednio na width i height CSS,[/quote]
A Ty uprzejmie czytaj co wątkotwórca ponawypisywał. Miałeś dokładnie

Kod:

<a href="obrazek.jpg">

a nie

Kod:

<a href="strona_w_ktorej_siedzi_obrazek.html">

Czyli nie ma tu żadnego html-a czy css-a gdzie można width/height wstawić tylko goły jotpeg. A tego różne przeglądarki w różny sposób wyświetlaja...

---

Nim mechaniczne larum zagrasz mi, kanalio,
głosząc nadejście Javy - śmiertelnego wroga!
[i]Zespół Adwokacki Dyskrecja[/i]

Offline

 

#17  2015-10-25 13:57:03

  oli - Członek DUG

oli

Członek DUG

Zarejestrowany: 2012-01-08

Re: Szybka pomoc w prostym HTML

Kombinuje na wszelkie sposoby. Owszem na chrome wyświetla ładnie skalując obrazek ale tylko lokalnie. Na serwerze już wywala rozdzielczość oryginalną obrazka wyjeżdżając poza ekran.

Offline

 

#18  2015-10-25 15:10:43

  pink - Użytkownik

pink

Użytkownik

Skąd: P17PY93

Zarejestrowany: 2005-09-16

Serwis

Re: Szybka pomoc w prostym HTML

w tym przypadku to zalezy tylko od ustawien przegladarki

polaczenie tego:

http://designshack.net/articles/css/how-to-build-a-responsive-thumbnail-gallery
i
http://bxslider.com/

da pożądany efekt (responsywnie)

---

T430 think-box 4.9-custom x86_64 Intel(R) Core(TM) i5-3230M CPU @ 2.60GHz GenuineIntel GNU/Linux
"Doktor plama i maharadża są pod złotym leszczem." "Człowieka od zwierzęcia odróżnia ciekawość świata. Patrze słucham i wyciągam wnioski."
http://przemyslawmamon.com/
https://www.behance.net/przemyslawmamon

Offline

 

#19  2015-10-25 17:16:15

  oli - Członek DUG

oli

Członek DUG

Zarejestrowany: 2012-01-08

Re: Szybka pomoc w prostym HTML

Metodą prób i błędów poradziłem sobie.
[b]Index.html[/b] wygląda tak:

Kod:

<html>
    <body>
        <p align="center"><b><font size="3" face="Arial">PRZYKŁADOWE ZDJĘCIA WYKONANE OBIEKTYWEM 
        </font></b><p align="center"><b><font size="3" face="Arial">Nikon Nikkor AF-S DX 35 mm f/1.8 G</font></b>
        <p align="center">



        <a href="1.htm"><width="100" height="100%"><img src="1a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="2.htm"><img src="2a.jpg" border="0" width="150" height="100" alt="obrazek"></a>
        <a href="4.htm"><img src="4a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="5.htm"><img src="5a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
         </p>
        <p align="center"> 
        <a href="6.htm"><img src="6a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="7.htm"><img src="7a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="6.htm"><img src="8a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="9.htm"><img src="9a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
         </p>
        <p align="center"> 
        <a href="A.htm"><img src="Aa.jpg" border="0" width="150" height="100" alt="obrazek"></a>
        <a href="B.htm"><img src="Ba.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="C.htm"><img src="Ca.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="D.htm"><img src="Da.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        </p>
    </body>
</html>

plus dodatkowe pliki do każdego zdjęcia jako:
[b]x.htm
[/b]

Kod:

<img src="1.jpg" width="100%" height="100%">

Offline

 

#20  2015-10-25 17:27:03

  pink - Użytkownik

pink

Użytkownik

Skąd: P17PY93

Zarejestrowany: 2005-09-16

Serwis

Re: Szybka pomoc w prostym HTML

poradzilem sobie he he, raczej obszedlem problem wieeeelkim lukiem, 
bardzo profesjonalne rozwiazanie nie da sie ukryc.

---

T430 think-box 4.9-custom x86_64 Intel(R) Core(TM) i5-3230M CPU @ 2.60GHz GenuineIntel GNU/Linux
"Doktor plama i maharadża są pod złotym leszczem." "Człowieka od zwierzęcia odróżnia ciekawość świata. Patrze słucham i wyciągam wnioski."
http://przemyslawmamon.com/
https://www.behance.net/przemyslawmamon

Offline

 

#21  2015-10-25 19:53:26

  ethanak - Użytkownik

ethanak

Użytkownik

Skąd: Ungwenor

Zarejestrowany: 2010-07-19

Serwis

Re: Szybka pomoc w prostym HTML

nie chce mi się sprawdzać... ale co będzie jeśli proporcje okna nie będą się zgadzać ze zdjęciem?

---

Nim mechaniczne larum zagrasz mi, kanalio,
głosząc nadejście Javy - śmiertelnego wroga!
[i]Zespół Adwokacki Dyskrecja[/i]

Offline

 

#22  2015-10-25 21:02:38

  Huk - Smoleńsk BULWA!

Huk

Smoleńsk BULWA!

Zarejestrowany: 2006-11-08

Re: Szybka pomoc w prostym HTML

@ethanak:

A Ty uprzejmie czytaj co wątkotwórca ponawypisywał. Miałeś dokładnie[/quote]
Sorry zwracam honor - wydawało mi się że to było do mojego "rozwiązania" i użycia width i height :)

nie chce mi się sprawdzać... ale co będzie jeśli proporcje okna nie będą się zgadzać ze zdjęciem?[/quote]
Na 99% spłaszczy się bądź rozciągnie nienaturalnie - dlatego pisałem wcześniej że to średni pomysł ale widać @oli chce żeby to wyglądało w ten sposób.

Pozdrawiam.

Offline

 

#23  2015-10-25 23:11:06

  oli - Członek DUG

oli

Członek DUG

Zarejestrowany: 2012-01-08

Re: Szybka pomoc w prostym HTML

Rzeczywiście obrazek zmienia proporcje. Ale zmieniłem to trochę, że jest OK.  Dzięki Wszystkim. pozdr.

Offline

 

#24  2015-10-26 03:18:55

  ethanak - Użytkownik

ethanak

Użytkownik

Skąd: Ungwenor

Zarejestrowany: 2010-07-19

Serwis

Re: Szybka pomoc w prostym HTML

A co zmieniłeś?

---

Nim mechaniczne larum zagrasz mi, kanalio,
głosząc nadejście Javy - śmiertelnego wroga!
[i]Zespół Adwokacki Dyskrecja[/i]

Offline

 

#25  2015-10-27 14:01:36

  oli - Członek DUG

oli

Członek DUG

Zarejestrowany: 2012-01-08

Re: Szybka pomoc w prostym HTML

[quote=ethanak]A co zmieniłeś?[/quote]
Zmniejszyłem obrazek tzn. na sztywno ustawiłem rozdzielczość.

Offline

 

 

Strony: 1

• Forum Debian Users Gang
•  » Software
•  » Szybka pomoc w prostym HTML

Stopka forum

Skocz do
Debian Users Gang Luźne rozmówki Ogłoszenia Instalacja i podstawowa konfiguracja Sieci i serwery Software Środowiska graficzne Multimedia Hardware Elektronika i Programowanie Kernel Gry Oprogramowanie oraz zagadnienia dotyczące dostępności Licencje i zagadnienia prawne Pochodne Debiana: Ubuntu, Mint Inne dystrybucje Linuksa BSD i inne Uniksy Windows (tfu, tfu)

Powered by PunBB
© Copyright 2002–2005 Rickard Andersson
To nie jest tylko forum, to nasza mała ojczyzna ;-)

[ Generated in 0.012 seconds, 11 queries executed ]

Informacje debugowania

Time (s)	Query
0.00010	SET CHARSET latin2
0.00004	SET NAMES latin2
0.00088	SELECT u.*, g.*, o.logged FROM punbb_users AS u INNER JOIN punbb_groups AS g ON u.group_id=g.g_id LEFT JOIN punbb_online AS o ON o.ident='18.119.107.159' WHERE u.id=1
0.00066	REPLACE INTO punbb_online (user_id, ident, logged) VALUES(1, '18.119.107.159', 1732523109)
0.00043	SELECT * FROM punbb_online WHERE logged<1732522809
0.00046	SELECT topic_id FROM punbb_posts WHERE id=292128
0.00007	SELECT id FROM punbb_posts WHERE topic_id=27837 ORDER BY posted
0.00046	SELECT t.subject, t.closed, t.num_replies, t.sticky, f.id AS forum_id, f.forum_name, f.moderators, fp.post_replies, 0 FROM punbb_topics AS t INNER JOIN punbb_forums AS f ON f.id=t.forum_id LEFT JOIN punbb_forum_perms AS fp ON (fp.forum_id=f.id AND fp.group_id=3) WHERE (fp.read_forum IS NULL OR fp.read_forum=1) AND t.id=27837 AND t.moved_to IS NULL
0.00005	SELECT search_for, replace_with FROM punbb_censoring
0.00194	SELECT u.email, u.title, u.url, u.location, u.use_avatar, u.signature, u.email_setting, u.num_posts, u.registered, u.admin_note, p.id, p.poster AS username, p.poster_id, p.poster_ip, p.poster_email, p.message, p.hide_smilies, p.posted, p.edited, p.edited_by, g.g_id, g.g_user_title, o.user_id AS is_online FROM punbb_posts AS p INNER JOIN punbb_users AS u ON u.id=p.poster_id INNER JOIN punbb_groups AS g ON g.g_id=u.group_id LEFT JOIN punbb_online AS o ON (o.user_id=u.id AND o.user_id!=1 AND o.idle=0) WHERE p.topic_id=27837 ORDER BY p.id LIMIT 0,25
0.00064	UPDATE punbb_topics SET num_views=num_views+1 WHERE id=27837
Total query time: 0.00573 s