Опции настройки TopUp окон_2

<a href="/images/photos/1.jpg" class="top_up">
<img src="/images/thumbnails/1.jpg"/>
</a>
Вместо class="top_up" можно вставить
 toptions="shaded = 1, overlayClose = 1"

Теперь надо понять, как настраивать TopUp окна, дабы всплывали они слева, а не в центре, как регулировать их размеры..., и, наконец разобраться с типами содержимого, которое они могут показывать... Читаем документацию на сайте

<script type="text/javascript">
TopUp.addPresets({
"#images a": {
group: "images",
layout: "quicklook",
modal: 0
},
".shaded": {
shaded: 1
}
});
</script>

Эта функция создает обертку сразу для трех изображений, дабы показать их, как слайдшоу... Помимо функции TopUp.addPresets, там есть еще  десятка два функций..., пока не до них, разберемся сначала с опциями..., для этого есть Демо-страничка..., оказывается, помимо картинок, фреймов и плееров, есть еще типы HTML, DOM, AJAX, script... Как они работают?
Чтобы

Как легко заметить, в "toptions", перечисляются опции, полный список и назначение которых можно увидеть на сайте разработчика..., а теперь представьте, что я вы захотели настроить с десяток опций? Каждый раз вносить их в код? Нет, можно использовать jscript и настроить все для любого CSS класса, поэтому и используется скрипт...

<div class="media"><a href="photos/2.jpg" class="tu_ql"><img src="thumbnails/2.jpg"/></a><noindex>
<a href="http://yaaho.com/" class="tu_iframe_800x600" target="_blank" rel="nofollow">
<img src="thumbnails/2.jpg"/></a>
</noindex>
</div><div class="text">text </div>
<div class="code">Текст перед ссылкой <noindex><a class="tu_iframe_800x600" href="http://www.cfin.ru/management/iso9000/newtqm/glava1/list1_2.shtml?printversion" rel="nofollow" target="_blank">ссылка</a></noindex>
</div><div class="text"><a href="http://www.youtube.com/v/pv8j1-IcnUE&amp;hl=nl&amp;fs=1&amp;rel=0&amp;hd=1&amp;autoplay=1" toptions="width = 853, height = 505, type = flash, title = Beastie Boys - Sabotage"><img alt="Youtube" src="/images/thumbnails/youtube.jpg?1285257116" /></a></div>