Bonjour,
Voici mapage.html :
L'image ne s'affiche pas, le Jquery n'applique pas la transformation pour agrandir mon image au chargement de la page. J'ai trouvé ce code ici : http://jsfiddle.net/pxfunc/D7cn8/6/ et ça semblait pourtant marcher. Enfin chez eux ^^
Problème de syntaxe quelque part ?
Merci de votre aide.
Voici mapage.html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
.vignette {
width: 0;
height: 0;
position: relative;
top: 150px;
left: 150px;
font-size: 0;
line-height: 0;
vertical-align: middle;
text-align: center;
}
.vignette img {
width:100%;
}
</style>
</head>
<body>
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('.vignette').animate({
width:'300px',
height:'300px',
top:'0',
left:'0',
'font-size':'50px',
'line-height':'300px'
}, 1000);
</script>
<div class="vignette">
<img src="http://icdn.pro/images/fr/t/w/twitter-boule-icone-8643-256.png">
</div>
</body>
</html>
L'image ne s'affiche pas, le Jquery n'applique pas la transformation pour agrandir mon image au chargement de la page. J'ai trouvé ce code ici : http://jsfiddle.net/pxfunc/D7cn8/6/ et ça semblait pourtant marcher. Enfin chez eux ^^
Problème de syntaxe quelque part ?
Merci de votre aide.
