redimensionner une image dans 'href' tag lien

en regardant le code ci-dessous, je peux afficher une image avec une taille plus petite

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

mais si je veux le href du lien pour afficher l'image avec une plus petite taille ainsi. donc disons que l'original image.jpg est 1500x1200 et dans le lien que je veux montrer 800x600.

est-il de toute façon faire quelque chose comme ceci: 

<a href="images/image.jpg" width="800" height="600"><img src="images/image.jpg" width="300" height="214" border="0"></a>
  • Merci de ne pas — offog.org/articles/image-scaling — avoir des Url différentes avec des images mises à l'échelle de différentes tailles. Le téléchargement d'un 1500x1200 de l'image pour un affichage en 800x600 ou 300x214 est (au mieux) une horrible gaspillage de bande passante et de temps.
  • ... et n'oubliez pas obligatoire attribut alt (sur le thème: la frontière de l'attribut est obsolète, utiliser les CSS à la place).
InformationsquelleAutor leora | 2009-10-15
  1. 7

    Si je comprends bien, vous voulez contrôler la taille de l'image qui est la cible de la href, à l'aide d'attributs de la a tag?

    Vous ne pouvez pas le faire. Votre meilleur pari (pour le contrôle de la taille de la source du lien) est au service de vos images à l'aide d'un script côté serveur qui accepte les paramètres de taille dans une chaîne de requête. Comme image.php?img=image.jpg&w=800&h=600.

    Mais c'est une toute autre question et serait hors de portée pour moi d'aller dans les détails ici.

    Bien sûr, si vous voulez juste changer l'image à une taille particulière, il suffit de les redimensionner l'image réelle et le télécharger à nouveau 🙂

    InformationsquelleAutor Ben James
  2. 4

    Ici est une drôle de solution:

    <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>

    Bien que personnellement, je ne recommanderais pas, il fonctionne. 🙂

    • Je suis désolé. Je ne comprends pas le sens de chaque partie. Pouvez-vous l'expliquer? Je vous remercie.
    InformationsquelleAutor treznik
  3. 2

    puisque vous ouvrez l'image elle-même, c'est impossible.

    ce que vous pouvez faire est,

    lien et vide de la page html avec seulement un <img src="URL" width="" height=""/> et d'appliquer la taille à elle.

    InformationsquelleAutor Noam Smadja
  4. 0

    Découvrez image-resizer en nodejs.

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

    Ou vous pouvez utiliser cloudinary nodejs intégration qui fournit un niveau d'utilisation gratuit d'accès pour la première 7500 image transformations

    InformationsquelleAutor kittu