Разработка сайтов,Красноярск.Оптимизация,seo,joomla.Настройка cms.

Ссылки Пожелания Новости Работы
 
Новости Не входит в категории

Что такое Highslide JS?
Highslide JS - это JavaScript с открытым исходным кодом программного обеспечения, применяет Web 2.0 подход к всплывающим окнам. Упрощается использование эскизов изображений и HTML-всплывающие окна на веб-страницах. Какие возможности и преимущества предоставляет библиотека :

    * Нет плагинов, таких как Flash или Java.
    * Всплывающие блокаторы окон не проблема. Содержание расширяется в активном окне браузера.
    * Используем только нажатие одной кнопки. После открытия изображения или HTML Popup, пользователь может выделить или отменить выделение странице, не закрывая окна.
    * Совместимость и безопасность. Если у пользователя отключен JavaScript или используется старый браузер, происходит перенаправление браузера непосредственно на само изображение или запасную HTML-страницу.

Инсталляция

Note: Вам потребуются некоторые базовые знания HTML чтобы установить Highslide.

   1. Загрузите и распакуйте ZIP-архив со страницы загрузки .
   2. Запустите файл index.html, перейдите к установке и просмотру источника.
   3. Измените этот файл в соответствии с вашими потребностями, или скопируйте и вставьте его части в ваш HTML файл. Если у вас не получается, вернутесь к исходному файлу и изменяйте его постепенно. Изучите документацию по API функциям.
   4. Если вы переместили Highslide JS файлы, не забудьте изменить graphicsDir настройку в Javascript.

Пример

В этом примере ZIP архив разархивирован в корневом каталоге вашего сайта. Кроме того, CSS код из примера скопирован и вставлен в файл с именем highslide.css и помещен в / highslide каталог.

1) В этом примере, структура каталогов должна выглядеть следующим образом:
2008-10-12_1019.png

2) Поместите этот код в head тег HTML-страницы.

<script type="text/javascript" src="/highslide/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />
<script type="text/javascript">
    // override Highslide settings here
    // instead of editing the highslide.js file
    hs.graphicsDir = '/highslide/graphics/';
</script>

3) Далее работаем со своими миниатерюрами:

<a href="images/full-image.jpg" class="highslide"
        onclick="return hs.expand(this)">
    <img src="images/thumbnail.jpg" alt="Highslide JS"
        title="Click to enlarge" height="120" width="107" /></a>
Посмотреть пример оформления на страничке.

Совместимость - тестировалось с:

IE 8 beta 1     Works partly, waiting for more stable beta.
IE 5.0 - 7.0     Works
IE 4.0     Falls back nicely
Firefox 1.5 - 3.0     Works
Opera 8.5 - 9.5     Works
Netscape 7.2     Works
Netscape 4.79     Falls back nicely
Safari 2.0 - 3.0 on Mac, 3.0 on Windows     Works
Google Chrome     Works
Konqueror 3.5     Works
 
 
Назад

Оптимизация web приложений от Yahoo
  • Производить как можно меньше HTTP запросов;
  • Воспользоваться услугами сетей доставки контента (Content Delivery Network), например Akamai;
  • Не пренебрегать HTTP заголовком "Expires" или "Cache-control"
 
SEO сервисы / SEO tools - Добавление сайта в поисковые системы, анализ запросов, Определение позиций в поисковиках,  Анализ сайта, Анализ плотности слов,  Определение PR, Ключевые слова ,  Оценка ресурса. Покупка и продажа ссылок, SEO-форумы...

Библиотека сайтостроения!

Библиотека сайтостроенияЗдесь собраны материалы о сайтостроении и все те мелочи, с которыми Вам, вполне вероятно, прийдется столкнуться при создании сайта, верстке html страничек и просто могут быть использованы для ознакомления. Сохранность данных
Хотите узнать как настраивать CMS Joomla! и оптимизировать ее для поисковых машин? Как организовать заголовки материалов (title), описание страниц (description) и  поднять PageRank ? Все что требуется для правильного SEO (Search Engine Optimisation).
 Перейти в раздел "Библиотека сайтостроения" дружественные сайты