Красивое увеличение картинки кликом на Блоггер, Блогспот


Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот)

Сбылась наконец моя мечта, сделать красивое увеличение картинки для Блогспот, как на Вордпресс. Прежде чем  продолжать читать, кликните на картинку и если эффект вам понравится, можете ознакомиться с описанием установки.

увеличение картинки кликом на Блоггер, Блогспот
Кликните на картинку


Это модифицированный скрипт от эффекта Улучшенного Lightbox на Блогспот, Blogger и устанавливается очень просто. Прежде всего в настройках, нужно отключить Lightbox 

(скриншот кликабелен)



Потом вставляете в  Дизайн - Добавить гаджет - HTML/JavaScript следующий код:


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<script src='http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.min.js' type='text/javascript'></script><style>/* LightBox */

#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#jquery-lightbox a,#jquery-lightbox a:hover{border:none}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0}
#lightbox-container-image-data{padding:0 10px;color:#666}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em}</style>

И все!

25 коммент.:

Анонимно
Justus
Анонимно
Justus
Ирина Александровна Кудрявцева
Justus
Ольга
Ирина Александровна Кудрявцева
Justus
Тамара Лисица
Ольга
Ольга
Максим Волченко
Шемякина Эльвира Ульфатовна
Justus
Шемякина Эльвира Ульфатовна
T62
Justus
Sergey Kikot
Justus
Sergey Kikot
Justus
dashinamama2011
Justus
dashinamama2011

Отправка комментария

Дорогие Друзья! К сожалению, по причине здоровья, моя активность по этому блогу будет осуществляться по мере ВОЗМОЖНОСТИ!

Доска почета

Плюсани блог!