Увеличение картинки для uCoz сайтов - Форум ProUcoz.com - Увеличение картинки для uCoz сайтов - Форум ProUcoz.com
Среда 07:35 | 22.02.2017
Свежие темы · Участники · Правила форума · Поиск · RSS
Страница 1 из 11
Модератор форума: GrandDooM, FR3cH 
Форум ProUcoz.com » Готовые скрипты и интересные решения для системы uCoz » Другие скрипты для uCoz » Увеличение картинки для uCoz сайтов
Увеличение картинки для uCoz сайтов
FR3cH[Нет на сайте]
Дата: Пятница, 22.06.2012, 15:41 | Сообщение # 1
Хитрец всем хитрым
Сообщений: 213
Как сделать красивое увеличение картинки при нажатии?

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

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>


Скачать highslide.rar

А теперь вопрос: этот скрипт работает, но только для одной картинки и причем для картинки тут надо поле $OTHER1$.....а можно ли сделать так чтобы все картинки в новости были масштабированы до заданных размеров, прочем хостинг у картинок был любой(радикал, ййпиктур и т.д) и чтобы принажатии на каждую картинку она увеличивалась до исходного размера катринки....
п.с. пробывал методом тыка изменять скрипт))) ...ну и понятно ни че не получилось....надеюсь вы поняли мой вопрос...


 
Форум ProUcoz.com » Готовые скрипты и интересные решения для системы uCoz » Другие скрипты для uCoz » Увеличение картинки для uCoz сайтов
Страница 1 из 11
Поиск: