Вероятно, вам приходилось видеть такой функционал: кликаешь по уменьшенной версии рисунка и поверх сайта отображается его полная версия. К сожалению, мне долго не удавалось найти версию скриптов, которая бы могла работать из-под DNN.
До сегодняшнего дня. :)
Итак, как это установить и использовать?
Идём на сайт ThickBox.
Скачиваем файлы thickbox-compressed.js, jquery-latest.pack.js и thickbox.css. В папке портала (по умолчанию это "Portals/0") создаём папку с именем "ThickBox" (имя не обязательно именно такое:), помещаем скачанные файлы туда.
Скачиваем файл loadingAnimation.gif. Помещаем его в уже существующую папку "Images" в корневой папке установки платформы.
Готово!
Теперь использование.
В модуле Text/HTML в режиме редактирования размещаем уменьшенный вариант рисунка, затем делаем его гиперссылкой на файл полного варианта рисунка. После этого переключаемся в режим HTML-редактирования (кнопка "Источник" в левом верхнем углу редактора). Видим примерно следующий код:
<p><a href="/Portals/8/BlogPictures/Unsorted/pd.jpg"><img border="0" alt="Первобытная девушка" src="/Portals/8/BlogPictures/Unsorted/pd_.jpg" /></a></p>
Теперь, в соответствии с размещённой на сайте инструкцией добавляем в начало текста ссылки на скрипты и таблицы стилей, а в гиперссылку - класс:
<script type="text/javascript" src="/portals/8/thickbox/jquery-latest.pack.js"></script>
<script type="text/javascript" src="/portals/8/thickbox/thickbox-compressed.js"></script>
<p><style type="text/css" media="all">@import "/portals/8/thickbox/thickbox.css";</style></p>
<p><a href="/Portals/8/BlogPictures/Unsorted/pd.jpg" class="thickbox"><img border="0" alt="Первобытная девушка" src="/Portals/8/BlogPictures/Unsorted/pd_.jpg" /></a></p>
Результат:
Примечание: в файле thickbox.css может потребоваться удалить строку 4:
*{padding: 0; margin: 0;}
из-за которой может нарушиться имеющийся дизайн сайта.