Скрин:
после увеличения и даже перемещения картинки в любое место вашего сайта
Скрин:
Плавное увеличение-уменьшение картинки и её перемещения для новостей сайта !
Пример работы скрипта можно посмотреть перейдя по ссылке http://highslide.com/
Начнём!
В настройках новостей сайта добавляем дополнительное поле.
В моём примере это доп. поле № 2.
В замене стандартных надписей переименовываем его в нужное, а именно "Ссылка на изображение".
Потом в шаблонах "Вид материалов новостей" и "Страница материала и комментариев к нему" ставим следующий код перед $MESSAGE$:
Code
<?if($OTHER2$)?><center><a href="$OTHER2$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$OTHER2$" border="0" width="200"></a></center><?endif?>
Или-же такой вариант
Code
<?if($IMG_URL1$)?><center><a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$IMG_URL1$" border="0" width="200"></a></center><?endif?>
Если у вас другой номер доп. поля то его изменяем в коде $OTHER2$.
Затем в корне сайта создаём директорию highslide.
Пихаем туда файл highslide.css из архива,который находится в конце новости.
После этого открываем файл highslide.js и находим в нём это :
creditsText : 'текст надписи на картинке',
creditsHref : 'адресс вашего сайта',
creditsTitle : 'комментарий к надписи',
Думаю, что на что вам надо будет заменить и так понятно.
Ставим его в созданную директорию.
В эту же директорию загружаем папку graphics со всеми файлами, котрые внутри.
В итоге должен получиться путь /highslide/graphics/
Теперь в шаблонах "Страницы сайта", "Страница архива материалов новостей" и "Страница материала и комментариев к нему" между
Code
<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>
Всё готово! Радуемся своей крутизне!
Скачать архив
Или скачать отсюда