Пятница, 11.07.2025, 01:56
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    «  Май 2009  »
    Пн Вт Ср Чт Пт Сб Вс
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Май » 3 » Скрипт красивого увеличения картинки при нажатии!
    17:01
    Скрипт красивого увеличения картинки при нажатии!
    Как сделать красивое увеличение картинки при нажатии? Легко и просто...

    Можно установить практически в любом модуле. Мы разберем, для примера, модуль новостей. И так:

    1. Для начала скачиваем архив (В самом низу поста). Далее в настройках новостей сайта добавляем дополнительное поле (Главная » Новости сайта » Настройки модуля). В моем примере, это доп. поле № 1.
    В замене стандартных надписей переименовываем его в нужное, а именно "Ссылка на изображение" (Главная » Замена стандартных надписей и выбираете - Форма добавления модуля "Новости сайта").
    Затем в шаблонах "Вид материалов новостей" и "Страница материала и комментариев к нему" ставим следующий код перед $MESSAGE$:

    Code
    <?if($OTHER1$)?><center><a href="$OTHER1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$OTHER1$" border=0 width=200 style="border:none;"></a></center><br><?endif?>

    Если у вас другой номер доп. поля то его изменяем в коде $OTHER1$ на свой.

    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>

    P.S. В управление "Вид материала", нужно ставить просто в самом начале, так как там нет "head"........"/head"

    ПРИМЕР
    Скачать архив для скрипта

    Категория: скрипты для ucoz сайта | Просмотров: 790 | Добавил: mazahaka | Рейтинг: 0.0/0
    Всего комментариев: 8
    8 alex807  
    -3
    Ацтой пидорский! На уровне детского сада рассказуют!!!

    6 Джордж  
    -3
    govno

    7 бафоед  
    -2
    сначала ставь а потом пиши

    5 a1ma2  
    -2
    это было... точно было, только новость по другому называлась, так что не каких претензий нет))

    4 Storm3225  
    -2
    пашит

    3 PeKl()  
    0
    все работает спасибо

    2 бафоед  
    0
    усе робит)+

    1 mazahaka  
    -2
    Все выложел
    Извени

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]