Saytik+© Всё самое интересное в сети
        Saytik+
Вход | Регистрация
Приветствуем Вас ,Гость, на нашем сайте "Saytik+" !
У нас Вы можете скачать программы (софт),обои для рабочего стола,игры для Вашего ПК,а также музыку,фильмы,книги,скрипты и многое другое.Вы можете не только пользоваться материалами сайта,но и добавлять свои (для этого достаточно лишь зарегистрироваться на сайте).
Воскресенье, 19.11.17
Время: 
22:01
   



Навигация
Реклама от Так.ру


Наш опрос
Нужно ли скрывать ссылки для скачивания от гостей нашего сайта?


Всего проголосовало: 226
Интересное
Популярное
Новое на форуме
 Сеть автомастерских  Ответов:(0)
 Сеть автомастерских  Ответов:(0)
 Купить Датчики для вашего авто в Киеве!  Ответов:(0)
Друзья сайта


Архив материалов
Реклама


Главная » Скрипты » Скачать Увеличение картинки при клике для вида новостей

Вы находитесь в категории "Скрипты" на странице материала "Увеличение картинки при клике для вида новостей", любезно предоставленного для Вашего ознакомления с ним нашим пользователем admin. На этой странице Вы можете ознакомиться с материалом "Увеличение картинки при клике для вида новостей", скачать его с любого из доступных файлобменников, оставить комментарий, а также поделиться ссылкой на данный материал с друзьями и знакомыми.

 

Увеличение картинки при клике для вида новостей

Автор: admin , Дата: 02.02.10,22:01
Просмотров: 10679

Кликните на изображение,чтобы увидеть скрипт в работе...


Скрипт увеличения изображения при клике на него для вида новостей сайта или каталога файлов для сайтов UCOZ.

Также этот скрипт можно использовать для отдельных изображений на любых сайтах (не только на базе UCOZ).
За основу скрипта взят скрипт lytebox.js и немного переделан.
Что нового:
- убраны множество стилей(т.к. это легко настраивается в файле .css под себя)
- большие картинки при клике принимают размеры по отношнию к размерам окна браузера(как и было),а маленькие увеличиваются
по отношнию к размерам окна браузера(раньше принимали истинный размер)
- убраны кнопки панели навигации и кнопка CLOSE (окно закрывается по клику на изображение или в любую точку окна браузера(раньше при клике на изображение не закрывалось))
Протестировано в:
               * Firefox: Firefox: 3.6
               * Internet Explorer: 8.0 (работает несколько медленнее по понятным причинам)
               * Opera: 9.64
               * Safari: 4.0
               * Google Chrome

Порядок установки:

1
. Для начала скачиваем архив и содержимое (1 файл .js ,1 файл .css , 1 изображение .gif) заливаем в корень своего сайта с помощью Файлового менеджера в заранее созданную папку zoom.

Скачать архив

2. После этого заходим в ПУ ,Управление дизайном ,Новости сайта,Вид материалов и в самом верху кода добавляем это:

Code
<style type="text/css">
.pul img {width:1px;}
.pul img {height:1px;}
.doll img {max-height:300px;}
.doll img {max-width:300px;
  width:expression(document.body.clientWidth > 550? "250px": "auto"); }
</style>
<script type="text/javascript" language="javascript" src="/zoom/lytebox.js"></script>
<link rel="stylesheet" href="/zoom/lytebox.css" type="text/css" media="screen" />

3. После этого здесь же заменяем:

Code
$MESSAGE$

на

Code
<div align="center" class="doll"><a href="$IMG_URL1$" rel="lytebox" title="$TITLE$"><img alt="" src="$IMG_URL1$" align="center" border="0"></a></div><div class="pul">  $MESSAGE$</div>

4. Если же вы используете в качестве хранения изображений какой-нибудь хостинг, то

Code
$IMG_URL1$

нужно заменить на

Code
$OTHER...ваш номер поля...$

предварительно в настройках модуля активировав это поле для url изображения и назвав,к примеру ,,URL картинки,,

5. Если Вы не используете на своем сайте отображение изображения в виде новостей,то можно проделать всё вышесказанное для Страницы материала и комментариев к нему.

Вот и всё,после этих установок можно в поле Краткое содержание не добавлять ссылку на изображение(оно добавится само посредством вышеуказанного кода),а если вы это и сделаете,то ничего страшного - оно будет переведено в однопиксельную невидимую точку (для чего и прописан стиль ,,pul,, (стиль для уже существующих новостей на сайте)).

6. Для отдельных изображений все гораздо проще:

Code
<script type="text/javascript" language="javascript" src="/zoom/lytebox.js"></script>
<link rel="stylesheet" href="/zoom/lytebox.css" type="text/css" media="screen" /><a href="...ссылка на изображение..." rel="lytebox" title="Подпись"><img alt="" src="...ссылка на изображение..." align="center" height="...размер изображения..." border="0"></a>

Копирование и распространение материала запрещено без указания источника!
Источник: http://romale80.ucoz.ru


Читайте наши новости через RSS
Все новости по теме: «Увеличение картинки при клике для вида новостей» 

Категория: Скрипты | Теги: вида, uCoz, новостей, картинки, клике, увеличение | Рейтинг: 5.0/4

Новости по теме:


Поделись ссылкой с друзьями: - Ссылка

- BBCode

- HTML

Всего комментариев: 4
1 SnlPeR   (23.06.10 08:19)
Мля спасибо огромное!!Я целый день искал скрипт этот и находил однупаленку а этот ваще норм тока я на каталог файлов кинул biggrin

2 Vlad   (05.08.10 14:37)
а как изменить рекламу на картинке?

3 Vlad   (06.08.10 02:53)
вот у меня верхней части картинку показывает этот реклам www.ххххххххх

4 Vlad   (08.08.10 04:17)
ogromnoe sposibo za pomosh smile

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



Внимание: Все выложенные здесь материалы предоставлены исключительно в целях ознакомления! После ознакомления с материалами Вы обязаны их удалить! Если вы хотите пользоваться данным материалом в дальнейшем – вы должны приобрести лицензию. Не удалив материал после ознакомления, вы берёте на себя ответственность, согласно действующему законодательству. Все авторские и другие права на данные материалы принадлежат их правообладателям. Любое использование данных материалов (в том числе - коммерческое), кроме ознакомления – является незаконным! За последствия, возникшие в процессе ознакомления с материалами этого сайта, равно как и за применение опубликованных программ ответственность несете только Вы сами!
Наш сайт не является инстанцией, однозначно определяющей критерии соответствия ресурсов действующему законодательству , и поэтому не несет никакой ответственности как за содержание материала «Увеличение картинки при клике для вида новостей» ,так и за содержание других материалов.


Вверх
Авторизация
Гость!



Логин:


Пароль:
Забыл пароль  |  Регистрация
Календарь
«  Февраль 2010  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
Облако тегов
Для отображения блока требуется Flash Player 10
Показать все теги
СМИ-это интересно
Наша кнопка
Вы можете разместить нашу кнопку у Вас на сайте



Получить код кнопки:

Все рекламные материалы
Стоит взглянуть...
Статистика
тИЦ и PR сайта romale80.ucoz.ru
Онлайн пользователи:
Всего online: 1
Незарегистрированных: 1
Пользователей: 0

Лучшие пользователи:
Приветствуем новичка:

На правах рекламы


Кто на сайте ?
Новое у партнера
Счетчики

Раскрутка сайта - регистрация в каталогах
Рейтинг@Mail.ru


ВНИМАНИЕ!
Все файлы расположенные на данном ресурсе были взяты из открытых источников. Любая информация представленная здесь, может использоваться только в ознакомительных целях, после чего вы обязаны ее удалить. Сайт не предоставляет электронные версии произведений и ПО, а занимается индексированием файлов, находящихся в файлообменных сетях. Все права на произведения и ПО принадлежат правообладателям. Ни основатель проекта, ни хостинг-провайдер, не любые другие физические или юридические лица не несут никакой ответственности за использование материалов сайта. Заходя на сайт под своим аккаунтом вы автоматически соглашаетесь с данными условиями.   [Правообладателям]

©2009 - 2017 Saytik+romale80.ucoz.ru           
Получить кнопку|Get button