Что-то я опять туплю....
Нужно сделать блок с кучей картинок расположенных по 4 в ряд.. Картинок много, картинка является ссылкой.
Блок с "красивым" скроллом.
Учитывая что на сайте уже прикручен jquery, обрадовался найдя плагин jScrollPane.
Блок сорганизовал так:
<script type="text/javascript">
jQuery('#container').jScrollPane();
</script>
<div id="container">
<table><tr>
<td><a><img/></a></td>
<td><a><img/></a></td>
<td><a><img/></a></td>
<td><a><img/></a></td>
</tr>><tr>
<td><a><img/></a></td>
<td><a><img/></a></td>
<td><a><img/></a></td>
<td><a><img/></a></td>
</tr>
<!---Ну и так далее по необходимости-->
</table>
</div>
Все бы ничего... Но при кол-ве строк более 15, каждый раз скроллить неинтересно. Нужно автоматом проскроллить до активной ячейки.
Ячейка со ссылкой на текущую страницу имеет свой id:
<td class="active">
Попробовал написать:
jQuery('#container').scrollTo('#active');
И так:
jQuery('div.jScrollPaneContainer').scrollTo(parseInt($('#active').offsetTop));
В обоих случаях получил "индейскую народную избу" (фиг-вам)
Причем первый вариант требует подключения jquery.scrollTo, хотя jScrollPane тоже вроде умеет делать scrollTo.
А ведь так хочется чтоб все было красиво и удобно....
Add@22:55 17/07/09:
Гм. А jScrollPane работает таким образом:
jQuery('#container')[0].scrollTo(200);
Теперь вопрос, как рассчитать необходимое смещение?