• Страница 1 из 1
  • 1
LightBox
Stupy Дата: Воскресенье, 11.09.2011, 15:13 | Сообщение # 1 Offline

Нужно для начала скачать вот этот архив
Скачать

С него берем файл jquery.lightbox.js и lightbox.css.
Дальше прописываем стиль (Это писать в Страницы сайта):

Code
    
<head>    
<link rel="stylesheet" href="lightbox.css" type="text/css">    
</head>    


Подключать нужно между тегами хеад
А вот скрипт нужно подключать после БОДИ, иначе не пашет.
(Это писать в Страницы сайта)

Code
    
<body>    
<script src="jquery.lightbox.js" type="text/javascript"></script>    


Дальше указываем скрипту какие ссылки преображать:
(Это писать в то место где хотим видеть этот скрипт, также можно написать в Страницы сайта)

Code
    
<script type="text/javascript">    
$(document).ready(function(){    
$(".eMessage a").lightbox({    
fitToScreen: true    
});    
});    
</script>    


Вот и все

PS: В архиве также можно открыть файл index.html и нажимать на картинки
Вы увидите как работает скрипт а также увидите что скрипт может служить и для галереи фотографий или картинок

http://www.weblancer.net/users/RuS7eL/
 
  • Страница 1 из 1
  • 1
Поиск:
Здравствуйте, Гость! Если тема неактуальна и проблема решена, напишите модератору о закрытие темы!