zmienić rozmiar obrazu w „href” tag łącza

Question

patrząc na poniższy kod, mogę wyświetlić obrazek przy mniejszym rozmiarze

<a href="images/image.jpg"><img src="images/image.jpg" width="300" height="214" border="0"></a> 

ale co jeśli chcę href linku, aby zobaczyć obraz z mniejszą również rozmiar. więc powiedzmy, że oryginalny image.jpg to 1500x1200 iw linku chcę go pokazać 800x600.

jest tam mimo zrobić coś takiego:

<a href="images/image.jpg" width="800" height="600"><img src="images/image.jpg" width="300" height="214" border="0"></a> 

Answer 1

Jeśli dobrze rozumiem, chcesz kontrolować rozmiar obrazu, który jest celem href, używając atrybutów tagu a?

Nie możesz tego zrobić. Najlepszym rozwiązaniem (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. Podobnie jak image.php?img=image.jpg&w=800&h=600.

Ale to jest zupełnie inne pytanie i nie będę mógł szczegółowo omówić tej kwestii.

Oczywiście jeśli chcesz po prostu zmienić obraz do określonego rozmiaru, wystarczy zmienić rozmiar rzeczywisty obraz i przesłać go ponownie :)

Answer 2

ponieważ otwarciu sam obraz jest to niemożliwe.

co można zrobić, to

link i pusta strona html z tylko <img src="URL" width="" height=""/> i zastosować rozmiar do niego.

Answer 3

Tu jest zabawne rozwiązanie:

<a href="javascript:document.getElementsByTagName('body')[0].innerHTML='<img src=images/image.jpg width=800 height=600>'"><img src="images/image.jpg" width="300" height="214" border="0"></a> 

Choć osobiście nie poleciłbym go, działa. :)

Answer 4

Sprawdź obraz-resizer w nodejs.

Oto link: https://github.com/jimmynicol/image-resizer

Albo można użyć cloudinary integrację nodejs który zapewnia swobodny dostęp tier dla pierwszego obrazu 7500 Przekształcenia