• Плавное увеличение-уменьшение картинки и её перемещения для новостей сайта!
    28.08.2009, 19:15

    Начнём!
    В настройках новостей сайта добавляем дополнительное поле.
    В моём примере это доп. поле № 2.
    В замене стандартных надписей переименовываем его в нужное, а именно "Ссылка на изображение".
    Потом в шаблонах "Вид материалов новостей" и "Страница материала и комментариев к нему" ставим следующий код перед $MESSAGE$ :

    Code
    <?if($OTHER2$)?><td class="news" align="left" bgcolor="#f8f8f8" valign="top"><div align="center"><a style="" href="$OTHER2$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$OTHER2$" style="border: medium none ; visibility: visible;" align="center" border="0" width="300"></a></div>
    <?endif?>

    Если у вас другой номер доп. поля то его изменяем в коде $OTHER2$.
    Затем в корне сайта создаём директорию highslide.
    Пихаем туда файл highslide.css из архива.
    После этого открываем файл highslide.js и находим в нём это :

    creditsText : 'текст надписи на картинке',
    creditsHref : 'адресс вашего сайтеГа',
    creditsTitle : 'комментарий к надписи',

    Думаю, что на что вам надо будет заменить и так понятно.
    Сохраняем в кодировке UTF-8

    Ставим его в созданную директорию.
    В эту же директорию загружаем папку graphics со всеми файлами, которые
    внутри скаченного архива. В итоге должен получиться путь
    /highslide/graphics/

    Теперь в шаблонах: Страницы сайта-->Архив Материалов новостей-->Вид материала и комментариев к нему между

    Code
    <head>...</head>

    пишем :
    Code
    <style type="text/css">.UhideBlock {display:none}</style>
    <script type="text/javascript" src="/highslide/highslide.js"></script>
    <script type="text/javascript" src="/highslide/highslide-full.packed.js"></script>
    <link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />
    <script type="text/javascript">
    hs.graphicsDir = '/highslide/graphics/';
    hs.align = 'center';
    hs.outlineType = 'rounded-white';
    hs.fadeInOut = true;
    hs.allowMultipleInstances = false;  
    hs.dimmingOpacity = 0.75;
    </script>

    СКАЧАТЬ АРХИВ

    Всё готово!

    Категория: Скрипты для ucoz | Добавил: STALKER
    Для того чтобы скачать "Плавное увеличение-уменьшение картинки и её перемещения для новостей сайта!", Вам нужно кликнуть по рекламным ссылкам. P.S.Эсли ссылка битая, напишите это Администрации!
    Просмотров: 747 | Загрузок: 0 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]

    Категории


    uCoz Шаблоны







    Форма входа


    Наш опрос

    Чего больше добавлять на сайт
    1. Скрипты
    2. Шаблоны uCoz
    3. Уроки PhotoShop
    4. Шрифты
    5. Кисти
    6. Клипарт
    7. Уроки CSS
    8. Ваш вариант
    Всего ответов: 52

    Статистика




    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0






    class=