ВандерБраузер или оформление изображения в виде браузера для uCoz
827материалов
228тем на форуме
3004комментария
6159пользователей

ВандерБраузер или оформление изображения в виде браузера для uCoz


Плагин для jQuery, с помощью которого, использование ВандерБраузера становится еще проще. 
Суть данного плагина в том, что он обрамляет ваше изображение в виде материалов. Теперь изображение станет не с обычной рамкой, а будет выглядеть так, что само изображение находиться в мини браузере. 
И так приступим к установке. 

УСТАНОВКА 

1. Скачиваем архив и заливаем содержимое к себе на сайт 
2. В вид материалов вместо (примерно такого кода): 
Код
<a href="$IMG_URL1$"><img src="$IMG_URL1$" alt="$TITLE$" /></a>

Вставляем следующий код: 
Код
<a href="$IMG_URL1$" class="wonder" title="$TITLE$"><img src="$IMG_URL1$" /></a>

3. Теперь подключаем jWonder и CSS в head: 
Код
<link rel="stylesheet" href="/css/jwonder.css">   
<script src="js/jwonder.js"></script>   
<script type="text/javascript">   
   $(window).load(function () {   
   $(".wonder").jwonder();   
   });   
</script>

Настройка 
Атрибуты ссылки 
title — станет заголовком браузера 
href — ссылка на сайт скриншота, или на полноразмерную версию скриншота 

Параметры браузера 
Код
<html>   
<head>   
   <link rel="stylesheet" href="/css/jwonder.css">   
   <script src="js/jquery-1.6.2.min.js"></script>   
   <script src="js/jwonder.js"></script>   
   <script type="text/javascript">   
   $(window).load(function () {   
   $(".wonder").jwonder({   
   "color":"#ff4500",   
   "shadow":"#FFA07A",   
   "aChannel": "0.8"   
   });   
   });   
   </script>   
</head>   
     
<body>   
   <a href="http://webo4ka.ru/" class="wonder" title="Description"><img src="browser.jpg" /></a>   
</body>   
</html>

color — цвет браузера 
shadow — цвет тени (или свечения) 
aChannel — прозрачность браузера 
Кроме того, jWonder позволяет создавать несколько разных по стилям ВандерБраузеров на странице, просто создавая новые классы. 
Размеры браузера задавать не нужно — скриншоты автоматически масштабируются, это особо приятно в случае «резиновой» верстки. 
Вандербраузер совместим со всеми современными и модными браузерами, а также с IE 7-й версии и выше.

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 18.01.2015 в 18:23
Материал просмотрен: 927 раз
Категория материала: Скрипты для uCoz
К материалу оставлен: 1 комментарий

Пожаловаться
Сказать спасибо

1 комментарий


cosov500
Oleg Povar @cosov500 14.04.2016 23:371
0
работает картинка laughing
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта