/header
<script src="js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#imgname').width(250);
$('#imgname').mouseover(function()
{
$(this).css("cursor","pointer");
$(this).animate({width: "400px"}, 'slow');
});
$('#imgname').mouseout(function()
{
$(this).animate({width: "250px"}, 'slow');
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('#imgname').width(250);
$('#imgname').mouseover(function()
{
$(this).css("cursor","pointer");
$(this).animate({width: "400px"}, 'slow');
});
$('#imgname').mouseout(function()
{
$(this).animate({width: "250px"}, 'slow');
});
});
</script>
<body>
<img src="images/dragon_thumb.png" alt="dragon" id="imgname">
<img src="images/dragon_thumb2.png" alt="dragon2" id="imgname">
<img src="images/dragon_thumb3.png" alt="dragon3" id="imgname">
<img src="images/dragon_thumb2.png" alt="dragon2" id="imgname">
<img src="images/dragon_thumb3.png" alt="dragon3" id="imgname">
In CSS you can't have the same ID more than once on a page. I'm no expert on js, but maybe it has the same rules about IDs.
