8
votes

Redimensionner une image dans la liaison d'étiquette 'A HREF'

En regardant le code ci-dessous, je peux afficher une image avec une taille plus petite xxx pré>

mais si je veux que le lien HREF affiche l'image avec une taille plus petite. Donc, disons que l'image d'origine.jpg est 1500x1200 et dans le lien que je veux le montrer 800x600. P>

est là pour faire quelque chose comme ceci: P>

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


2 commentaires

S'il vous plaît ne pas - offog.org/articles/image-scaling - avoir des URL différentes avec images échelées vers différentes tailles. Le téléchargement d'une image 1500x1200 pour l'affichage à 800x600 ou 300x214 est (au mieux) un gaspillage horrible de bande passante et de temps.


... et n'oubliez pas l'attribut ALT obligatoire (sur le sujet: l'attribut frontière a été obsolète, utilisez CSS à la place).


4 Réponses :


2
votes

Puisque vous ouvrez l'image elle-même, il est impossible.

Ce que vous pouvez faire est,

lien vers et vide Page HTML avec seulement un et appliquez la taille dessus.


0 commentaires

7
votes

Si je comprends correctement, vous souhaitez contrôler la taille de l'image qui correspond à la cible du href , à l'aide des attributs de la balise

Vous ne pouvez pas faire ça. Votre meilleur pari (pour contrôler la taille de la source du lien) consiste à servir vos images à l'aide d'un script de serveur qui accepte les paramètres de taille dans une querystring. Comme image.php? Img = image.jpg & w = 800 & h = 600 .

Mais c'est une autre question et serait hors de portée pour que je puisse entrer dans les détails ici.

Bien sûr, si vous voulez simplement modifier l'image en une taille particulière, redimensionnez simplement l'image et téléchargez-la à nouveau :)


0 commentaires

5
votes

Voici une solution amusante: xxx

si personnellement, je ne le recommanderais pas, cela fonctionne. :)


1 commentaires

Je suis désolé. Je ne comprends pas le sens de chaque partie. Pouvez-vous l'expliquer? Merci.



0
votes

Vérifiez l'image-résieur d'image dans Nodejs.

Voici le lien: https://github.com/jimmynicol/image-resizer

ou vous pouvez utiliser l'intégration de Nodejs nuageux qui fournit un accès gratuit à des niveaux pour les 7500 Transformations d'images de première image


0 commentaires