Увеличение изображения
2
![](/_ld/1/13807949.png)
Увеличение изображения как на zagruzka-plus Rip скрипта от Winston888
Установка:
1. В CSS ставим:
Code
/* Увеличение изображения */
.lightbox{display:inline-block;margin:3px;padding:4px 4px 2px 4px;background:#5D5D5D;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
a.lightbox img{background:#fff}
.lightbox:hover{background:#AEC419}
.jquery-lightbox-overlay{background:#000}.jquery-lightbox{position:relative;padding:17px 0}
.jquery-lightbox-border-top-left,.jquery-lightbox-border-top-right,.jquery-lightbox-border-bottom-left,.jquery-lightbox-border-bottom-right{position:absolute;height:17px;width:12%;z-index:7000}.jquery-lightbox-border-top-left{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat 0 0;top:0;left:0}.jquery-lightbox-border-top-right{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat right 0;top:0;right:0}.jquery-lightbox-border-top-middle{background:#2b2b2b;position:absolute;height:7px;width:78%;top:0;left:12%;z-index:7000;overflow:hidden}.jquery-lightbox-border-bottom-left{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat 0 bottom;bottom:0;left:0}
.jquery-lightbox-border-bottom-right{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat right bottom;bottom:0;right:0}.jquery-lightbox-border-bottom-middle{background:#2b2b2b;height:7px;width:78%;position:absolute;bottom:0;left:12%;z-index:7000;overflow:hidden}.jquery-lightbox-title{background:#2b2b2b;color:#FFF;font-family:verdana,arial,serif;font-size:11px;line-height:14px;padding:5px
8px;margin:3px;position:absolute;bottom:0;z-index:7000;opacity:0.9}.jquery-lightbox-html{z-index:7000;position:relative;border:0;border-left:7px solid #2b2b2b;border-right:7px solid #2b2b2b;padding:0px
15px}.jquery-lightbox-background{position:absolute;top:7px;left:7px;z-index:6999;float:left;padding:0;background:#fff}.jquery-lightbox-background
img{display:block;position:relative;border:0;margin:0;padding:0;width:100%;height:100%}.jquery-lightbox-mode-image .jquery-lightbox-html{z-index:6998;padding:0}.jquery-lightbox-mode-html .jquery-lightbox-background{background:#FFF}.jquery-lightbox-mode-html .jquery-lightbox-html{overflow:visible}.jquery-lightbox-loading{background:#FFF url(http://torrent-spaces.ru/images/loading.gif) no-repeat center center}.jquery-lightbox-button-close{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -190px -115px;position:absolute;top:12px;right:-26px;width:29px;height:29px}.jquery-lightbox-button-close:hover{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -220px -115px}.jquery-lightbox-button-close span,
.jquery-lightbox-buttons
span{display:none}.jquery-lightbox-mode-image .jquery-lightbox-button-close{right:14px;z-index:7001}.jquery-lightbox-buttons{position:absolute;top:14px;left:14px;z-index:7000;height:39px;display:none}.jquery-lightbox-buttons .jquery-lightbox-buttons-init,
.jquery-lightbox-buttons .jquery-lightbox-buttons-end{width:5px;height:39px;float:left;display:inline}.jquery-lightbox-buttons .jquery-lightbox-buttons-init{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -151px -153px}.jquery-lightbox-buttons .jquery-lightbox-buttons-end{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -244px -153px}.jquery-lightbox-buttons .jquery-lightbox-button-left{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -156px -153px;width:24px;height:39px;float:left;display:inline}.jquery-lightbox-buttons .jquery-lightbox-button-left:hover{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -156px -194px}.jquery-lightbox-buttons .jquery-lightbox-button-right{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -220px -153px;width:24px;height:39px;float:left;display:inline}.jquery-lightbox-buttons .jquery-lightbox-button-right:hover{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -220px -194px}.jquery-lightbox-buttons .jquery-lightbox-button-max{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -182px -153px;width:36px;height:39px;float:left;display:inline}.jquery-lightbox-buttons .jquery-lightbox-button-max:hover{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -182px -194px}.jquery-lightbox-buttons .jquery-lightbox-button-min{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -162px -235px;width:36px;height:39px;float:left;display:inline}.jquery-lightbox-buttons .jquery-lightbox-button-min:hover{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -207px -235px}.jquery-lightbox-buttons-custom{height:39px;float:left;display:inline;background:#2b2b2b;line-height:39px;font-size:10px}.jquery-lightbox-buttons-custom
a{color:#FFF;font-size:10px;display:inline;font-weight:normal;text-decoration:underline;padding:0
3px}.jquery-lightbox-mode-image .jquery-lightbox-button-close{opacity:0.7}.jquery-lightbox-mode-image .jquery-lightbox-buttons{opacity:0.3}.jquery-lightbox-mode-image:hover .jquery-lightbox-buttons,
.jquery-lightbox-mode-image:hover .jquery-lightbox-button-close{opacity:0.9}.jquery-lightbox-html
iframe{outline:1px
solid #CBCBC9}.jquery-lightbox-buttons .jquery-lightbox-button-openurl{background:url(http://torrent-spaces.ru/images/lightbox-new-window.png) no-repeat left top;width:30px;height:39px;float:left;display:inline;padding:0}.jquery-lightbox-buttons .jquery-lightbox-button-openurl:hover{background:url(http://torrent-spaces.ru/images/lightbox-new-window.png) no-repeat right top}
.lightbox{display:inline-block;margin:3px;padding:4px 4px 2px 4px;background:#5D5D5D;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
a.lightbox img{background:#fff}
.lightbox:hover{background:#AEC419}
.jquery-lightbox-overlay{background:#000}.jquery-lightbox{position:relative;padding:17px 0}
.jquery-lightbox-border-top-left,.jquery-lightbox-border-top-right,.jquery-lightbox-border-bottom-left,.jquery-lightbox-border-bottom-right{position:absolute;height:17px;width:12%;z-index:7000}.jquery-lightbox-border-top-left{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat 0 0;top:0;left:0}.jquery-lightbox-border-top-right{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat right 0;top:0;right:0}.jquery-lightbox-border-top-middle{background:#2b2b2b;position:absolute;height:7px;width:78%;top:0;left:12%;z-index:7000;overflow:hidden}.jquery-lightbox-border-bottom-left{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat 0 bottom;bottom:0;left:0}
.jquery-lightbox-border-bottom-right{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat right bottom;bottom:0;right:0}.jquery-lightbox-border-bottom-middle{background:#2b2b2b;height:7px;width:78%;position:absolute;bottom:0;left:12%;z-index:7000;overflow:hidden}.jquery-lightbox-title{background:#2b2b2b;color:#FFF;font-family:verdana,arial,serif;font-size:11px;line-height:14px;padding:5px
8px;margin:3px;position:absolute;bottom:0;z-index:7000;opacity:0.9}.jquery-lightbox-html{z-index:7000;position:relative;border:0;border-left:7px solid #2b2b2b;border-right:7px solid #2b2b2b;padding:0px
15px}.jquery-lightbox-background{position:absolute;top:7px;left:7px;z-index:6999;float:left;padding:0;background:#fff}.jquery-lightbox-background
img{display:block;position:relative;border:0;margin:0;padding:0;width:100%;height:100%}.jquery-lightbox-mode-image .jquery-lightbox-html{z-index:6998;padding:0}.jquery-lightbox-mode-html .jquery-lightbox-background{background:#FFF}.jquery-lightbox-mode-html .jquery-lightbox-html{overflow:visible}.jquery-lightbox-loading{background:#FFF url(http://torrent-spaces.ru/images/loading.gif) no-repeat center center}.jquery-lightbox-button-close{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -190px -115px;position:absolute;top:12px;right:-26px;width:29px;height:29px}.jquery-lightbox-button-close:hover{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -220px -115px}.jquery-lightbox-button-close span,
.jquery-lightbox-buttons
span{display:none}.jquery-lightbox-mode-image .jquery-lightbox-button-close{right:14px;z-index:7001}.jquery-lightbox-buttons{position:absolute;top:14px;left:14px;z-index:7000;height:39px;display:none}.jquery-lightbox-buttons .jquery-lightbox-buttons-init,
.jquery-lightbox-buttons .jquery-lightbox-buttons-end{width:5px;height:39px;float:left;display:inline}.jquery-lightbox-buttons .jquery-lightbox-buttons-init{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -151px -153px}.jquery-lightbox-buttons .jquery-lightbox-buttons-end{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -244px -153px}.jquery-lightbox-buttons .jquery-lightbox-button-left{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -156px -153px;width:24px;height:39px;float:left;display:inline}.jquery-lightbox-buttons .jquery-lightbox-button-left:hover{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -156px -194px}.jquery-lightbox-buttons .jquery-lightbox-button-right{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -220px -153px;width:24px;height:39px;float:left;display:inline}.jquery-lightbox-buttons .jquery-lightbox-button-right:hover{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -220px -194px}.jquery-lightbox-buttons .jquery-lightbox-button-max{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -182px -153px;width:36px;height:39px;float:left;display:inline}.jquery-lightbox-buttons .jquery-lightbox-button-max:hover{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -182px -194px}.jquery-lightbox-buttons .jquery-lightbox-button-min{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -162px -235px;width:36px;height:39px;float:left;display:inline}.jquery-lightbox-buttons .jquery-lightbox-button-min:hover{background:url(http://torrent-spaces.ru/images/jquery-lightbox-theme.png) no-repeat -207px -235px}.jquery-lightbox-buttons-custom{height:39px;float:left;display:inline;background:#2b2b2b;line-height:39px;font-size:10px}.jquery-lightbox-buttons-custom
a{color:#FFF;font-size:10px;display:inline;font-weight:normal;text-decoration:underline;padding:0
3px}.jquery-lightbox-mode-image .jquery-lightbox-button-close{opacity:0.7}.jquery-lightbox-mode-image .jquery-lightbox-buttons{opacity:0.3}.jquery-lightbox-mode-image:hover .jquery-lightbox-buttons,
.jquery-lightbox-mode-image:hover .jquery-lightbox-button-close{opacity:0.9}.jquery-lightbox-html
iframe{outline:1px
solid #CBCBC9}.jquery-lightbox-buttons .jquery-lightbox-button-openurl{background:url(http://torrent-spaces.ru/images/lightbox-new-window.png) no-repeat left top;width:30px;height:39px;float:left;display:inline;padding:0}.jquery-lightbox-buttons .jquery-lightbox-button-openurl:hover{background:url(http://torrent-spaces.ru/images/lightbox-new-window.png) no-repeat right top}
2. Вставляем где нужна работа скрипат:
Code
<center> <a href="$IMG_URL1$" class="lightbox"><img src="$IMG_URL1$" width="200px"></a> </center>
![](/img/views.png)
Всего комментариев: 0 | |
ПОСЛЕДНИЕ ОТВЕТЫ С ФОРУМА
Форум | Темы |
Заявка в команду сайта!Добавлено в раздел: Вакансии | 0 |
Сервер куплен !, идет набор в администрациюДобавлено в раздел: Minecraft | 0 |
Сервер сайтаДобавлено в раздел: Minecraft | 1 |
Статистика
Пользователи
Гости сайта
Кто on-line? Сегодня нас посетили
![]() | Всего чел. на сайте: 400 |
![]() | Новых за месяц: 0 |
![]() | Новых за неделю: 0 |
![]() | Новых вчера: 0 |
![]() | Новых сегодня: 0 |
Лента коментариев