patrząc na poniższy kod, mogę pokazać obraz o mniejszym rozmiarze
<a href="images/image.jpg"><img src="/images/images/image.jpg" width="300" height="214" border="0"></a>
ale co jeśli chcę, aby link href wyświetlał obrazek o mniejszym rozmiarze. więc powiedzmy, że oryginalny image.jpg to 1500x1200 iw linku chcę go pokazać 800x600.
czy jest tak, aby zrobić coś takiego:
<a href="images/image.jpg" width="800" height="600"><img src="/images/images/image.jpg" width="300" height="214" border="0"></a>
Odpowiedzi:
8 dla odpowiedzi № 1Jeśli dobrze rozumiem, chcesz kontrolować rozmiar obrazu, który jest celem href, używając atrybutów a etykietka?
Nie możesz tego zrobić. Najlepszym wyjściem (do kontrolowania rozmiaru ze źródła linku) jest serwowanie obrazów za pomocą skryptu po stronie serwera, który akceptuje parametry rozmiaru w tekście zapytania. image.php?img=image.jpg&w=800&h=600.
Ale to jest zupełnie inne pytanie i byłoby poza zasięgiem, abym mógł tu zajrzeć.
Oczywiście, jeśli chcesz po prostu zmienić obraz na konkretny rozmiar, po prostu zmień rozmiar rzeczywistego obrazu i prześlij go ponownie :)
4 dla odpowiedzi nr 2
Oto zabawne rozwiązanie:
<a href="javascript:document.getElementsByTagName("body")[0].innerHTML="<img src=images/image.jpg width=800 height=600>""><img src="/images/images/image.jpg" width="300" height="214" border="0"></a>
Chociaż osobiście nie poleciłbym tego, to działa. :)
1 dla odpowiedzi nr 3
odkąd sam otworzysz obraz, jest to niemożliwe.
możesz zrobić,
link do i puste strony html z tylko <img src="/images/URL" width="" height=""/> i zastosuj do niego rozmiar.
0 dla odpowiedzi nr 4
Sprawdź obraz-resizer w nodejs.
Oto link: https://github.com/jimmynicol/image-resizer
Możesz też skorzystać z funkcji cloud nodejs, która zapewnia dostęp do pierwszego poziomu dla pierwszych 7500 transformacji obrazu