разглеждайки кода по-долу, мога да покажа изображение с по-малък размер
<a href="images/image.jpg"><img src="/images/images/image.jpg" width="300" height="214" border="0"></a>
но какво ще стане, ако искам връзката href да показва изображението и с по-малък размер. затова нека кажем, че оригиналният image.jpg е 1500x1200 и в линка искам да го покажа 800x600.
има ли все пак да направя нещо подобно:
<a href="images/image.jpg" width="800" height="600"><img src="/images/images/image.jpg" width="300" height="214" border="0"></a>
Отговори:
8 за отговор № 1Ако разбирам правилно, искате да контролирате размера на изображението, което е целта на href
, използвайки атрибути на a
маркер?
Не можете да направите това. Най-добрият ви залог (за контролиране на размера от източника на връзката) е да обслужвате вашите изображения, използвайки скрипт от страна на сървъра, който приема параметрите на размера в заявка. image.php?img=image.jpg&w=800&h=600
.
Но това е съвсем друг въпрос и би било извън обхвата за мен да вляза в подробности тук.
Разбира се, ако искате просто да промените изображението до определен размер, просто оразмерете действителното изображение и го качете отново :)
4 за отговор № 2
Ето едно забавно решение:
<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>
Въпреки че лично аз не бих го препоръчал, той работи. :)
1 за отговор № 3
тъй като отваряте самото изображение е невъзможно.
това, което можете да направите е,
връзка към и празна HTML страница само с <img src="/images/URL" width="" height=""/>
и приложете размера към него.
0 за отговор № 4
Вижте резийзера на изображения в nodejs.
Тук е връзката: https://github.com/jimmynicol/image-resizer
Или можете да използвате облачна интеграция на nodejs, която осигурява безплатен достъп за първи ред за трансформации на 7500 изображения