Как сделать, чтобы при нажатии на картинку, она красиво увеличилась?
1. Для начала скачиваем архив (В самом низу поста).
Затем в шаблонах "Вид материалов" и "Страница материала и комментариев к нему" заменяем свой код для показа скриншота на :
Code
<a href="$OTHER1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$OTHER1$" border=0 width=200 style="border:none;"></a>
2. После этого в корне сайта создаем директорию highslide. Кидаем туда файл highslide.css и highslide.js из архива. Потом открываем уже залитый на сайт файл highslide.js и находим в нем это :
Code
creditsText : 'текст надписи на картинке',
creditsHref : 'адрес вашего сайта',
creditsTitle : 'комментарий к надписи',
И заменяете на свои... И сохраняем.
В эту же директорию загружаем папку graphics со всеми файлами, которые внутри. В итоге должен получиться путь /highslide/graphics/
3. Теперь во всех шаблонах, где хотите увеличение картинки, между "head"........"/head" пишем :
Code
<style type="text/css" media="all">
@import url(highslide/highslide.css);
</style>
<script type="text/javascript" src="highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
</script>
В "Вид материала", нужно ставить просто в самом начале, так как там нет "head"........"/head"
| Карта сайта | Карта форума | PDA-версия