Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : Rogner une image [ Archives / AU SECOURS !!! ] (Galmiza)

dimanche 19 mars 2006 à 13:44:45 | Rogner une image

Galmiza

Salut,

j'ai besoin de rogner des images, d'afficher une certaine zone (rectangulaire) de l'image seulement.
Un attribut clip (comme pour les layers) aurait été parfait mais ça ne fonctionne pas.
Existe-t-il un attribut pour rogner (mes recherches internet ont été infructeuses) ?
Connaissez-vous une alternative en html ou javascript ?

Merci

dimanche 19 mars 2006 à 20:51:57 | Re : Rogner une image

GhislainLavoie

Réponse acceptée !
Salut!

Voici un exemple simple en css pour faire celà

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>:: Test</title>
<STYLE type="text/css">
.rognage {width:400px;height:400px; overflow:hidden;border:2px inset black;position:relative;}
.rognage img{width:600px;height:600px;margin-left:-100px;margin-top:-100px;}
</STYLE>
</head>
<body>
<div class=
"rognage" >
<img style="position:absolute;" class="image" src="001.jpg" border="0" />
</div>
</div>
</body>
</html>


A+, Ghislain


dimanche 19 mars 2006 à 21:01:24 | Re : Rogner une image

GhislainLavoie

Oups,

class="image" ne sert a rien dans la balise img, tu peux l'enlever.


A+

lundi 20 mars 2006 à 00:43:00 | Re : Rogner une image

Galmiza

Thanks !

Ca fonctionne !
C'est pas mal le CSS en fait.

Merci !



Cette discussion est classé dans : image, attribut, rogner


Répondre à ce message

Sujets en rapport avec ce message

Récupération de l'attribut src sur image [ par s3rious974 ] Bonjour,Je suis novice en programmation, et je me trouve devant un dilemme. Je dois faire un top 3 par drag&drop. Pour cela j'ai fouillé et j'ai trouv base64 to image [ par aliahmad ] Bonjour,Comment puis-je enregistrer le resultat(image) de la fonction base64ToImage() en extension jpeg sur mon disque dur,merci d'avancealiahmad popup avec commande "imprimer" [ par anna111 ] bonjour à tousvoilà, je fais mon premier site et j'aimerai :j'ai une photo que j'ai redimensionné (plus petit) et j'aimerai une fois cliqué sur cette popup avec commande "imprimer" [ par anna111 ] bonjour à tousvoilà, je fais mon premier site et j'aimerai :j'ai une photo que j'ai redimensionné (plus petit) et j'aimerai une fois cliqué sur cette Déplacer une image en cliquant sur la page [ par loicseg ] Bonjour a tous,je cherche un code qui permet de déplacer une image en cliquant sur la page et que celle-ci vient à la position du curseur.Je ne veux p byte[ ] en javascript [ par aliahmad ] Bonjour,je suis entrain de traduir une fonction java en javascriptpublic static void decoderImage(String image, String fichier) throws Exception {    Recherche script de localisation sur une image [ par cigogne64 ] Bonjour,Voilà en fait je recherche un script permettant d'entourer une zone spécifique sur une image en cliquant sur un lien.Je m'explique. Imaginons Son au clic sur une image [ par loicseg ] Bonjour,j'aimerais jouer un son lors d'un clic sur une image mais apparement mon code ne fonctionne pas :onclick="bgsound='9mm.mp3';">&l Afficher/masquer une image, quelque chose m'échappe ! [ par Nebuchad34 ] onjour ! J'ai beau me relire je ne vois pas d'erreur, mais pourtant ça ne marche pas. je veux simplement rendre une image visible en cliquant sur un image différent selon action souris [ par begin974 ] Bonjour à tous!J'ai besoin d'aide svp.Est-il possible de sélectionner une image pour remplir tant qu'on veut des div vides avec.Voici un exemple où je


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 1,139 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.