Тема: Шаблон «azure»

Доброго времени суток! Давно хотел поработать с шаблоном «azure», наконец собрался. Но обнаружил, что в нем кое что изменилось. Вот так выглядит <head>
шаблона трех годичной давности:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd[/url]">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><?php echo $sitetitle;?> - <?php echo $sitename;?></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="keywords" content="<?php echo $metakeywords;?>" />
<meta name="description" content="<?php echo $metadescription;?>" />
<link href="<?=$siteurl?>/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="<?=$siteurl?>/templates/azure/style.css" rel="stylesheet" type="text/css" media="screen" />
</head>

а так сейчас:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd[/url]">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><?php echo $sitetitle;?> - <?php echo $sitename;?></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="keywords" content="<?php echo $metakeywords;?>" />
<meta name="description" content="<?php echo $metadescription;?>" />
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="<?=$lpath?>templates/azure/style.css" rel="stylesheet" type="text/css" media="screen" />
<link type="text/css" href="<?=$lpath?>js/jquery.lightbox.css" rel="stylesheet" />
<script src="<?=$lpath?>js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="<?=$lpath?>js/jquery.lightbox.js?show_linkback=false&amp;show_helper_text=false&amp;show_info=true&amp;show_extended_info=true&amp;keys.close=z&amp;keys.prev=q&amp;keys.next=e&amp;text.image=Фото&amp;text.of=из&amp;text.close=Закрыть&amp;text.download=Загрузить" type="text/javascript"></script>
<script type="text/javascript">
<!--
$(function(){
  /*$.Lightbox.construct({
    show_linkback: false,
    show_helper_text: false,
    show_info: true,
    show_extended_info: true,
    download_link: false,
    keys: {
        close: 'z',
        prev: 'q',
        next: 'e'
    },
    opacity: 0.7,
    text: {
        image: 'Фото',
        of: 'из',
        close: 'Закрыть',
        download: 'Загрузить'
    }
  });*/
  
});
-->
</script>
</head>

Скажите, плизззз, что это за скрипты добавились? Спасибо!

Девять десятых успеха в работе
– зависит от  здоровья!

Ответ: Шаблон «azure»

<script src="<?=$lpath?>js/jquery-1.4.2.min.js" type="text/javascript"></script>

JQuery - библиотека javascript, призванная упростить процесс написания js-кода. В данном случае подключается минимальная (по весу файла, то бишь без пробелов, табуляций и прочего) версия 1.4.2

Далее следует строка с подключаемым плагином - jquery.lightbox.js, которая создает модальные окна. Здесь плагин используется для показа изображений поверх текущей страницы. Подобный эффект есть и Вконтакте, когда вы открываете фото.

После этого идет инициализация плагина внутри тегов <script>. Именно здесь вы можете указывать дополнительные опции вашего плагина.

keys: {
   close: 'z',
   prev: 'q',
   next: 'e'
},

Это, например, отвечает за "горячие клавиши": закрывается окно путем нажатия клавиши "Z" и так далее.

Опции смотрите на официальном сайте плагина.

Пожалуй, это все скрипты, указанные здесь.

Отредактировал chupok (29-11-2013 18:14:44)

Ответ: Шаблон «azure»

Понял, спасибо! Беру в шаблон в дело.

Девять десятых успеха в работе
– зависит от  здоровья!

Ответ: Шаблон «azure»

Да не за что. Будут вопросы по дизайну и верстке, обращайтесь. )