Блок вкладок на jQuery
Сегодня Вашему вниманию представляю блок вкладок на jQuery. Данный скрипт предназначен для размещения большого количества информации на ограниченной области. В данном примере код я писать не буду, т.к. это готовый пример для работы. Выглядеть этот блок на странице будет следующим образом:
Положение вкладок можно менять простым перетаскиванием. Но лучше один раз увидеть, чем сто раз услышать.
Посмотреть пример работы можно здесь. Скачать исходники можно по этой ссылке.
Альтернатива отсутствующим изображениям
Если Вы храните изображения на удаленных серверах, они могут быть удалены без Вашего ведома. В этом случае на сайте будут либо пустые места, либо стандартные замены различных браузеров, что совсем не хорошо. В этом случае нам на помощь приходит следующая инструкция:
Для начала нужно скачать и загрузить себе на сайт библиотеку jQuery.
Далее нужно подключить данную библиотеку к своей странице, для этого добавляем между <head> и </head> следующий код:
Код:
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>В этом примере предполагается, что библиотека jQuery лежит в той же папке что и сама страница на которую она подключается.
Сразу после строки, которой подключали библиотеку, добавляем JS код:
JavaScript:
<script type="text/javascript">
$(document).ready(function() {
$('img').error(function() {
$(this).attr({
src: 'missing.gif', /* Путь до изображения, которое будет заменять отсутствующее */
style:'border:3px solid #ccc;width:144px;height:144px;'
});
});
});
</script>На завершающем этапе нам понадобится изображение, которое будет замещать отсутствующее. Я взял такое:
Собственно это все, что нам нужно, то что получится можно посмотреть здесь.
Кстати, скрипт работает только с абсолютными путями.