2014-07-01 5 views
0

Est-il possible de mettre à l'échelle l'image dans une déclaration img src? Quelque chose comme:Spécification d'une valeur d'échelle avec img src

<a href="clown.jpg" ><img src="clown.jpg width=25%"" </a> 

Ici vous cliqueriez sur le clown 1/4 et vous verrez un clown en taille réelle.

Merci

+2

Veuillez clarifier ce que vous demandez. Dites-nous aussi ce que vous avez essayé jusqu'ici. – Padarom

+0

tout est possible. S'il vous plaît soyez plus précis sur ce problème que vous avez rencontré et besoin d'aide. – Banana

+0

'Désolé. La ligne de liaison n'a pas imprimé la première fois dans la question. Je ne veux pas simplement essayer les choses parce que même si quelque chose fonctionnait, il pourrait y avoir une bonne raison pour ne jamais le faire, ou une bien meilleure façon .. – Steve

Répondre

1

Oui; cela fonctionne comme vous l'avez spécifié, mais vous avez besoin des guillemets autour de 25%, pas après eux. De plus, il vous manque un support d'angle étroit pour img.

<a href="clown.jpg"><img src="clown.jpg width="25%"/></a> 

Il affiche une image quart de la taille (échelle proportionnellement dans les deux dimensions) que, lorsque vous cliquez dessus, les points à l'image pleine grandeur.

Demo

0

Bien sûr, l'utilisation CSS:

<a href="clown.jpg"><img src="clown.jpg" style="width:25%" /></a> 

Ceci afficherait l'image clown.jpg à 25% de sa largeur normale (avec la hauteur réduite proportionnellement), et lorsque l'image est cliqué , il serait lié à la version en taille réelle.

+0

Downvoter soin à élaborer? – j08691

+1

Je ne sais pas pourquoi; [votre solution] (http://jsfiddle.net/AstroCB/tM398/) fonctionne pour moi. – AstroCB