HTML+CSS+JavaScript

Такой код:

<table width=100% cellspacing="0" cellpadding="5"> <tr> <td valign=top><img src="/pictures/20080828184241.jpg" style="border: 1px solid #9F0204"></td> <td valign=top width=150><div style="OVERFLOW: auto; WIDTH: 130; HEIGHT:200px; BORDER:0"> <table cellspacing="0" cellpadding="5"> <tr> <td><a href="/pictures-6.html?img=20080828184238.jpg"><img src="/pictures/thumbs/20080828184238.jpg" style="border: 1px solid #9F0204"></a></td> </tr><tr> <td><a href="/pictures-6.html?img=20080828184239.jpg"><img src="/pictures/thumbs/20080828184239.jpg" style="border: 1px solid #9F0204"></a></td> </tr><tr> <td><a href="/pictures-6.html?img=20080828184240.jpg"><img src="/pictures/thumbs/20080828184240.jpg" style="border: 1px solid #9F0204"></a></td> </tr><tr> <td><a href="/pictures-6.html?img=20080828184241.jpg"><img src="/pictures/thumbs/20080828184241.jpg" style="border: 1px solid #9F0204"></a></td> </tr><tr> <td><a href="/pictures-6.html?img=20080828184242.jpg"><img src="/pictures/thumbs/20080828184242.jpg" style="border: 1px solid #9F0204"></a></td> </tr><tr> <td><a href="/pictures-6.html?img=20080828184243.jpg"><img src="/pictures/thumbs/20080828184243.jpg" style="border: 1px solid #9F0204"></a></td> </tr><tr> <td><a href="/pictures-6.html?img=20080828184244.jpg"><img src="/pictures/thumbs/20080828184244.jpg" style="border: 1px solid #9F0204"></a></td> </tr><tr> <td><a href="/pictures-6.html?img=20080828184245.jpg"><img src="/pictures/thumbs/20080828184245.jpg" style="border: 1px solid #9F0204"></a></td> </tr> </table> </div></td> </tr> </table>

В правой колонке в слое находятся превьюшки. Если щёлкнуть на любой, то после перезагрузки странички эта превьюшка открываюется увеличенная слева и при этом скролбар у превьшек всегда становится в верхнее положение.
Можно сделать, чтобы увеличенное фото открывалось в <iframe.... слева от превьшек Но <iframe... имеет постоянную ширину и высоту, а если на страничке фоновая картинка и фото меньше размеров iframe, то появляется "дыра" в фоне.

Можно ли как-то реализовать просмотр увеличенных фото другим способом? (важно, чтобы у превьюшек скрол оставался в том же положении, что и после щелчка по превьюшке)

если не перезагружать страницу, скролбар никуда не уйдет.
можно картинки подгружать аяксом, проще - загружать картинки вместе с превьшками и прятать большие картинки, а когда надо - показывать, тока как будет у вас разъезжаться дизайн предсказать не могу) можно большие картинки открывать в новом окне по размеру картинки

>загружать картинки вместе с превьшками и прятать большие картинки, а когда надо - показывать

Как подгружать и прятать - знаю. А каким джава-скриптом можно их потом показывать?

ну, так же

document.getElementById(picture_id).style.display='none'; document.getElementById(picture_id).style.display='block';

Скачайте этот скрипт, и будет у вас красивое отображение картинок.

похоже на mootools, jQuery имхо смотрится лучше, да и код компактнее

LightBox есть и плагином к jQuery.

Отлично всё получилось. Даже лучше, чем изначально предполагал!!! Огромное спасибо!