То есть как? Что бы они прям на стрнице увеличивались, да?
Тогда так:
<script language="javascript" type="text/javascript">
function showFull(obj)
{
var url=new String(obj);
//Здесь идёт подмена расширений
url=url.replace('.gif','_full.gif');
url=url.replace('.jpg','_full.png');
url=url.replace('.png,'_full.png');
document.getElementById('imgFull').style.display='block';
document.getElementById('imgFull').style.left=event.clientX;
document.getElementById('imgFull').style.top=event.clientY;
}
</script>
<img onmouseover="showFull(this)" src="img.jpg">
<img id="imgFull" onmouseout="this.style.display='none';" style="display:none;position:absolute;">
В данном примере загрузится картинка img_full.jpg
Правила именования файлов при таком подходе:
1) у файла не должно быть двойных расширений типа file.gif.png, ну в общем одно из которых записано в подмене.
2) файл.расширение - уменьшенное изображение.
файл_full.расширение - оригинал.
Если чуть переписать код, то мона так:
файл_short.расширение - уменьшенное изображение.
файл.расширение - оригинал.