Nie jesteś zalogowany.
Jeśli nie posiadasz konta, zarejestruj je już teraz! Pozwoli Ci ono w pełni korzystać z naszego serwisu. Spamerom dziękujemy!

Ogłoszenie

Prosimy o pomoc dla małej Julki — przekaż 1% podatku na Fundacji Dzieciom zdazyć z Pomocą.
Więcej informacji na dug.net.pl/pomagamy/.

Strony: 1

 

#1  2015-10-24 23:30:52

  oli - Członek DUG

oli
Członek DUG
Zarejestrowany: 2012-01-08

Szybka pomoc w prostym HTML

Proszę nie dawajcie mi linków, żebym się uczył bo robię to raz na 100 lat :)

Kod:

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

Klikając na miniaturkę zdjęcia otwiera się zdjęcie, które powinno dopasować się do okna przeglądarki internetowej ale tak nie jest, jest poza okno.
Jak to uczynić? Co wstawić?

Offline

 

#2  2015-10-24 23:48:35

  Jacekalex - Podobno człowiek...;)

Jacekalex
Podobno człowiek...;)
Skąd: /dev/urandom
Zarejestrowany: 2008-01-07

Re: Szybka pomoc w prostym HTML

Do dokumentacji zajrzeć nie łaska?

Obrazek skalowany do okna przeglądarki, to już Javascript, który pobierze wymiary obrazu i przeskaluje obrazek generując kod html img w locie - w przeglądarce.

Skalowanie obrazka w html robi się tak:

Kod:

 <img src="smiley.gif" alt="Smiley face" height="42" width="42">

[url]http://www.w3schools.com/tags/att_img_width.asp[/url]

Możesz też spróbować wymiary dać jako

Kod:

 <img src="smiley.gif" alt="Smiley face" height="100%" width="100%"

jeśli załapie w ten sposób, to się obędzie bez Javascripta.

EDIT:
Tak zadziałało:

Kod:

<!DOCTYPE html>
<html>
<body>

<img src="smiley.gif" alt="Smiley face" width="100%" height="100%">

</body>
</html>

Z resztą sam sprawdź:
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_img_height

Ostatnio edytowany przez Jacekalex (2015-10-24 23:52:00)

W demokracji każdy naród ma taką władzę, na jaką zasługuje ;)
Si vis pacem  para bellum  ;)       |       Pozdrawiam :)

Offline

 

#3  2015-10-25 00:16:38

  neo86 - Lubię marudzić

neo86
Lubię marudzić
Skąd: California
Zarejestrowany: 2014-06-29

Re: Szybka pomoc w prostym HTML

[quote=oli]Proszę nie dawajcie mi linków, żebym się uczył bo robię to raz na 100 lat :)[/quote]
Pierwsza wersja HTML powstała w 1989 roku. Hmmm... pochodzisz z przyszłości? Gdzieś tak z 2089 roku? [img]http://emotka.net/emots/h/drapanie_po_glowie.gif[/img]

Ostatnio edytowany przez neo86 (2015-10-25 00:17:35)

Offline

 

#4  2015-10-25 00:56:17

  oli - Członek DUG

oli
Członek DUG
Zarejestrowany: 2012-01-08

Re: Szybka pomoc w prostym HTML

Nie działa. Czy możecie mi podać na tacy?

Offline

 

#5  2015-10-25 01:56:42

  Huk - Smoleńsk BULWA!

Huk
Smoleńsk BULWA!
Zarejestrowany: 2006-11-08

Re: Szybka pomoc w prostym HTML

@oli:

Nie potrafię rozszyfrować o czym prawisz w pierwszym poście... napisz zrozumiale jakoś, co chcesz dokładnie osiągnąć. To co podałeś otwiera zdjęcie w nowym oknie w przeglądarce - jeżeli zdjęcie chciałbyś np. zeskalować to musiałbyś zrobić dla niego własną stronę na zasadzie:

Kod:

Index.html:

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

Kod:

 

1.HTML (Strona dla zdjęcia nr 1 z rozciąganiem 100%):

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

Zapisz powyższy koda jako oddzielne pliki i daj znac czy o to Ci chodzi.

Edit:
Oczywiście nawet jak powyższe działa to jest to ostro "bee" ze względu na stosowanie styli poza CSS, ale to inna bajka.

@Jacekalex:

Obrazek skalowany do okna przeglądarki, to już Javascript, który pobierze wymiary obrazu i przeskaluje obrazek generując kod html img w locie - w przeglądarce.[/quote]
Gwoli ścisłości - nie Javascript a CSS, Javascript może co najwyżej ustawić styl CSS, lub zeskalować programowo, jak to robią niektóre graficzne frameworki, ale zwykle pierdołami tego typu się nie zajmuje.

Pozdrawiam.

Ostatnio edytowany przez Huk (2015-10-25 02:00:58)

Offline

 

#6  2015-10-25 02:11:09

  Jacekalex - Podobno człowiek...;)

Jacekalex
Podobno człowiek...;)
Skąd: /dev/urandom
Zarejestrowany: 2008-01-07

Re: Szybka pomoc w prostym HTML

[quote=Huk]@Jacekalex:

Obrazek skalowany do okna przeglądarki, to już Javascript, który pobierze wymiary obrazu i przeskaluje obrazek generując kod html img w locie - w przeglądarce.[/quote]
Gwoli ścisłości - nie Javascript a CSS, Javascript może co najwyżej ustawić styl CSS, lub zeskalować programowo, jak to robią niektóre graficzne frameworki, ale zwykle pierdołami tego typu się nie zajmuje.

Pozdrawiam.[/quote]
Fakt, CSSem też się da, i to nawet prościej niż JS.

....Zapisz powyższy koda jako oddzielne pliki i daj znac czy o to Ci chodzi.[/quote]
W granicach pierwszych 100 obrazków zgoda, ale powyżej to już masochizm, właśnie po to powstało min PHP, żeby takie stronki generować dynamicznie po stronie serwera, a JS/Ajax po to, żeby takie stronki generować "w locie" w przeglądarce.

Z resztą [url=https://packages.debian.org/pl/wheezy/gallery]Gallery[/url] i podobne ustrojstwa sobie całkiem grzecznie radzą  z większymi ilościami.

Pozdro

Ostatnio edytowany przez Jacekalex (2015-10-25 02:20:19)

W demokracji każdy naród ma taką władzę, na jaką zasługuje ;)
Si vis pacem  para bellum  ;)       |       Pozdrawiam :)

Offline

 

#7  2015-10-25 02:37:22

  Huk - Smoleńsk BULWA!

Huk
Smoleńsk BULWA!
Zarejestrowany: 2006-11-08

Re: Szybka pomoc w prostym HTML

@Jacekalex:

W granicach pierwszych 100 obrazków zgoda, ale powyżej to już masochizm, właśnie po to powstało min PHP, żeby takie stronki generować dynamicznie po stronie serwera, a JS/Ajax po to, żeby takie stronki generować "w locie" w przeglądarce.[/quote]
Przeto to co tutaj napisałem to jest wersja minimum na "odpierdziel się"  :) - wiadomo że dla prawdziwej strony trzeba by zapiąć jakiś automat czy to serwerowy czy chociażby JS, ale biorąc pod uwagę to co zapodał @oli, wydaje mi się że chce mieć cokolwiek co po prostu zadziała - więc... ;]

Pozdrawiam.

Ostatnio edytowany przez Huk (2015-10-25 02:37:52)

Offline

 

#8  2015-10-25 02:44:33

  Jacekalex - Podobno człowiek...;)

Jacekalex
Podobno człowiek...;)
Skąd: /dev/urandom
Zarejestrowany: 2008-01-07

Re: Szybka pomoc w prostym HTML

Przeto to co tutaj napisałem to jest wersja minimum na "odpierdziel się"  :)[/quote]
Wiem, ale nie zauważyłem żeby Autor napisał, ile ma tych obrazków,
także moja uwaga jest "na wszelki wypadek". ;)

Jeśli np tam powstaje nowa strona dla Agencji Fotograficznej Forum.... :DDD

Po sławnym "[url=http://antyweb.pl/nie-dziwie-sie-ze-system-pkw-nie-dziala-skoro-powstal-w-3-miesiace-a-do-przetargu-zglosila-sie-jedna-firma/]kalkulatorze wyborczym[/url]" za 400 tys, nic mnie już nie zdziwi w informatyce. ;P

Ostatnio edytowany przez Jacekalex (2015-10-25 17:22:05)

W demokracji każdy naród ma taką władzę, na jaką zasługuje ;)
Si vis pacem  para bellum  ;)       |       Pozdrawiam :)

Offline

 

#9  2015-10-25 03:38:25

  ethanak - Użytkownik

ethanak
Użytkownik
Skąd: Ungwenor
Zarejestrowany: 2010-07-19
Serwis

Re: Szybka pomoc w prostym HTML

A ja mam parę uwag do wątkotwórcy:

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.
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
c) pobudka! mamy rok 2015 i HTML3 już dawno odszedł w niebyt!

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.

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

Offline

 

#10  2015-10-25 10:41:55

  Huk - Smoleńsk BULWA!

Huk
Smoleńsk BULWA!
Zarejestrowany: 2006-11-08

Re: Szybka pomoc w prostym HTML

@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

Stopka forum

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

[ Generated in 0.012 seconds, 15 queries executed ]

Informacje debugowania

Time (s) Query
0.00010 SET CHARSET latin2
0.00004 SET NAMES latin2
0.00090 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='3.21.246.53' WHERE u.id=1
0.00074 REPLACE INTO punbb_online (user_id, ident, logged) VALUES(1, '3.21.246.53', 1732524790)
0.00048 SELECT * FROM punbb_online WHERE logged<1732524490
0.00072 DELETE FROM punbb_online WHERE ident='18.117.145.67'
0.00075 DELETE FROM punbb_online WHERE ident='18.217.98.175'
0.00077 DELETE FROM punbb_online WHERE ident='185.191.171.5'
0.00071 DELETE FROM punbb_online WHERE ident='3.135.216.196'
0.00045 SELECT topic_id FROM punbb_posts WHERE id=292138
0.00007 SELECT id FROM punbb_posts WHERE topic_id=27837 ORDER BY posted
0.00055 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.00128 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.00085 UPDATE punbb_topics SET num_views=num_views+1 WHERE id=27837
Total query time: 0.00846 s