событие элемента img

[dimonnnn]

Программирую на javascript всего ничего. надо чтоб при наведении мышкой на фотку она как бы приподнялась над всеми и увеличилась в размере. я попытался это сделать. но код во-первых не работает, а во вторых мне кажется нерационально написан...
ну короче вот код:

<?php
			$imageSmallPhotoArray = glob('*.jpg');
		$i = 1;//переменная для цикла
		echo "<table>";
		while($i <= 2)
		{	
			$iMinusOne = $i - 1;
			//url на маленькие и большие фотки
			$imageSmallPhotoArray[$iMinusOne] = 'http://localhost/'.$imageSmallPhotoArray[$iMinusOne];
		
			//получаем размер small фотографии
			$imageSize = getimagesize($imageSmallPhotoArray[$iMinusOne]);
			if($imageSize[0] > 100)//если ширина > 100
			$newWidth = $imageSize[0] - 40;
			if (($i % 3) == 1)//когда начало новой строки
				echo "<tr>";
			echo "<td><img src=\"$imageSmallPhotoArray[$iMinusOne]\" width=\"$newWidth\" 
				onmouseover=\"PhotoEnlarge($iMinusOne, $newWidth)\"></td>";
			echo "<script type=\"text/javascript\">
						function handle(N, width)
						{
							N = parseInt(N);
							width = parseInt(width);
							img[N].width = width;
						}
					</script>";
			if (($i % 3) == 0)//когда конец строки
				echo "</tr>";
			$i++;	
		}
		if (($i % 3) != 0)
			echo "</tr>";
		echo "</table>";
?>

[dimonnnn]

а теперь вот так сделал:

PHP код:

<?php
            $imageSmallPhotoArray = glob('*.jpg');
        $i = 1;//переменная для цикла
        echo "<table>";
        while($i <= 2)
        {    
            $iMinusOne = $i - 1;
            //url на маленькие и большие фотки
            $imageSmallPhotoArray[$iMinusOne] = 'http://localhost/'.$imageSmallPhotoArray[$iMinusOne];
        
            //получаем размер small фотографии
            $imageSize = getimagesize($imageSmallPhotoArray[$iMinusOne]);
            if($imageSize[0] > 100)//если ширина > 100
            $newWidth = $imageSize[0] - 40;
            if (($i % 3) == 1)//когда начало новой строки
                echo "<tr>";
            echo "<td><img src=\"$imageSmallPhotoArray[$iMinusOne]\" width=\"$newWidth\" 
                onmouseover=\"PhotoEnlarge($iMinusOne, $newWidth)\"></td>";
            
            if (($i % 3) == 0)//когда конец строки
                echo "</tr>";
            $i++;    
        }
        if (($i % 3) != 0)
            echo "</tr>";
        echo "</table>";
?>
<script type="text/javascript">
                        function handle(N, width)
                        {
                            N = parseInt(N);
                            width = parseInt(width);
                            img[N].width = width;
                        }
</script>

ошибки которые IE выдал
Сообщение: Предполагается наличие объекта
Строка: 2
Символ: 1
Код: 0
URI-код: http://localhost/forPhotos.php

Сообщение: Предполагается наличие объекта
Строка: 3
Символ: 1
Код: 0
URI-код: http://localhost/forPhotos.php
Сообщение: Предполагается наличие объекта
Строка: 3
Символ: 1
Код: 0
URI-код: http://localhost/forPhotos.php

[dimonnnn]

так в чём тут косяк?

[dimonnnn]

немножко не то прислал. там внизу вместо
function handle(N, width)

надо
function PhotoEnlarge(N, width)

[dimonnnn]

ошибки которые IE выдал
Сведения об ошибке на веб-странице

Агент пользователя: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; InfoPath.2; .NET CLR 3.0.04506.648; .NET4.0C; .NET4.0E; AskTbCPUID/5.8.0.12304)
штамп времени: Sun, 15 Aug 2010 12:28:25 UTC


Сообщение: 'img' - определение отсутствует
Строка: 8
Символ: 8
Код: 0
URI-код: http://localhost/forPhotos.php


Сообщение: 'img' - определение отсутствует
Строка: 8
Символ: 8
Код: 0
URI-код: http://localhost/forPhotos.php


Сообщение: 'img' - определение отсутствует
Строка: 8
Символ: 8
Код: 0
URI-код: http://localhost/forPhotos.php


Сообщение: 'img' - определение отсутствует
Строка: 8
Символ: 8
Код: 0
URI-код: http://localhost/forPhotos.php

[dimonnnn]

Надо увеличить фотографию при наведении на неё мышью.
для одной фотографии я сделал:

<?php
	$imageSize = getimagesize('3.jpg');
	if($imageSize[0] > 50)//если ширина > 50
		$newWidth = $imageSize[0] - 40;
	echo "<img name=photo src=3.jpg width=$newWidth onmouseover=\"PhotoEnlarge()\" onmouseout=\"PhotoReduce()\">";
?>
<script>
	function PhotoEnlarge()
	{
		document.photo.width+=40;
	}
	function PhotoReduce()
	{
		if(document.photo.width > 90)
			document.photo.width-=40;		
	}
</script>

но во-первых надо сделать это для массива фотографий, который заполняется циклом:

PHP код:

        while($i <= $allPhotos)
        {    
            $iMinusOne = $i - 1;
            //url на маленькие и большие фотки
            $imageSmallPhotoArray[$iMinusOne] = 'http://localhost/'.$imageSmallPhotoArray[$iMinusOne];
            $imageBigPhotoArray[$iMinusOne] = 'http://localhost/'.$imageBigPhotoArray[$iMinusOne];
            
            //получаем размер small фотографии
            $imageSize = getimagesize($imageSmallPhotoArray[$iMinusOne]);
            if($imageSize[0] > 100)//если ширина > 100
            $newWidth = $imageSize[0] - 20;
            if (($i % 3) == 1)//когда начало новой строки
                echo "<tr>";
            echo "<td><img src=\"$imageSmallPhotoArray[$iMinusOne]\" width=\"$newWidth\" ></td>";
            if (($i % 3) == 0)//когда конец строки
                echo "</tr>";
            $i++;    
        } 


а во-вторых если увеличивать фотографию как это я сделал, то при увеличении остальные фотографии будут сдвигаться. а мне надо чтобы при наведении эта фотография как бы приподнималась над всеми, и увеличивалась. причём так как первоначальная версия фотографии находится в ячейке, то при увеличении фотографии, она должна будет выходить за границы ячейки и иметь центр симметрии в центре ячейки.