« PHP скрипт для показа скриншотов

Javascript - Всплывающие тамбшоты

Универсальный Javascript код, после подключения которого при наведении мышки на внешнюю ссылку будет появляться скриншот сайта. Для подключения скрипта достаточно вставить следующий код в ваш сайт.

По умолчанию скрипт добавляет всплывающие тамбшоты к:
- ссылкам с классом "thumbhot-popup" (class="thumbhot-popup")
- ко всем внешним ссылкам (не ведущим на текущий домен)

В обоих случаях адрес ссылки должен быть абсолютным, т.е. начинаться с http://

Установка

Автоматичекая активация: подходит для большинства случаев, скрипт включается с предустановленными параметрами (см. выше). Библиотека jQuery подгружается самостоятельно (если таковая не подключена).

Для автоматической активации тамбшотов достаточно вставить следующий код в ваш сайт. Желательно вставлять его в теге <head>, для исключения возможных конфликтов с другими скриптами на странице.

<script type="text/javascript" src="http://static.thumbshots.ru/scripts/thumbshot-popups.js"></script>

Ручная активация: дает вам возможность задать собственные настройки скрипта, задействовать конкретные ссылки и исключить ненужные. При ручной установке библиотека jQuery должна быть подключена пользователем самостоятельно. Используйте ручную установку в случае возникновения проблем (конфликтов) с автоматической.

Для активации скрипта добавьте следующий код в тег <head> на вашем сайте.

<script type="text/javascript" src="http://static.thumbshots.ru/scripts/thumbshot-popups-passive.js"></script>

<script type="text/javascript">
/* <![CDATA[ */
jQuery(document).ready(function () {
    ThumbshotPopups("ThumbshotPopups");
})
/* ]]> */
</script>
Добавьте строку подключения jQuery, если библиотека не подключена на сайте. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

<script type="text/javascript" src="http://static.thumbshots.ru/scripts/thumbshot-popups-passive.js"></script>

<script type="text/javascript">
/* <![CDATA[ */
jQuery(document).ready(function () {
    ThumbshotPopups("ThumbshotPopups");
})
/* ]]> */
</script>

Вы можете активировать тамбшоты только для тех ссылок, которые вам нужны. Изменив строку вызова на следующий, вы задействуете только ссылки с атрибутом rel="external".

ThumbshotPopups( 'ThumbshotPopups', jQuery("a[rel~=external]") );

Если при ручной установке скрипта тамбшоты работают со сбоями, попробуйте подключить jQuery в режиме совместимости с другими библиотеками.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

<script type="text/javascript" src="http://static.thumbshots.ru/scripts/thumbshot-popups-passive.js"></script>

<script type="text/javascript">
/* <![CDATA[ */
jQuery.noConflict();
jQuery(document).ready(function () {
    ThumbshotPopups("ThumbshotPopups");
})
/* ]]> */
</script>
Скачать скрипт 1 : Автоматическая активация, не требует jQuery
Скачать скрипт 2 : Требуется jQuery, активируется вручную (см. выше)
Еще нет отзывов

Комментарии закрыты для этой записи.