Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
0 / 0 / 0
Регистрация: 12.06.2015
Сообщений: 7

Помогите с домашней работой с плагином jQuery - colorbox

05.02.2018, 20:21. Показов 1093. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Помогите
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Домашняя работа - ColorBox</title>         
        <style>
            body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;}
            a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
            h2{font-size:13px; margin:15px 0 0 0;}
        </style>
        <link rel="stylesheet" href="colorbox.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="../jquery.colorbox.js"></script>
        <script>
            $(document).ready(function(){
                //Examples of how to assign the Colorbox event to elements
                $(".group1").colorbox({rel:'group1'});
                $(".group2").colorbox({rel:'group2', transition:"fade"});
                $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
                $(".group4").colorbox({rel:'group4', slideshow:true});
                $(".ajax").colorbox();
                $(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
                $(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409});
                $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
                $(".inline").colorbox({inline:true, width:"50%"});
                $(".callbacks").colorbox({
                    onOpen:function(){ alert('onOpen: colorbox is about to open'); },
                    onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
                    onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
                    onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
                    onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
                });
 
                $('.non-retina').colorbox({rel:'group5', transition:'none'})
                $('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
                
                //Example of preserving a JavaScript event for inline calls.
                $("#click").click(function(){ 
                    $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
                    return false;
                });
            });
        </script>
    </head>
 
<!--
1. Разместите в элементе HEAD сслыки на стили и скриптовые элементы.
2. Все необходимые файлы для работы ColorBox сохраните в папку colorbox.
3. Кодировка всех файлов UTF-8 without BOM (UTF-8 без BOM).
-->
<body>
 
<h1>http://www.jacklmoore.com/colorbox/</h1>
 
<div>
 
 <a class="group1" href="big/b01.jpg" title="Ландыш">
  <img src="small/s01.jpg" width="300" height="200" alt="Ландыш">
 </a>
 
 <a class="group1" href="big/b02.jpg" title="Фламинго">
  <img src="small/s02.jpg" width="300" height="200" alt="Фламинго">
 </a>
 
 <a class="group1" href="big/b03.jpg" title="Надым, олени">
  <img src="small/s03.jpg" width="300" height="200" alt="Надым, олени">
 </a>
 
</div>
 
<p>Роговая обманка возбуждает окисленный фонон, что указывает на завершение процесса адаптации. Бензол последовательно обогащает фотосинтетический батолит. В литературе неоднократно описано, как проникновение глубинных магм энергично. Притяжение, по данным астрономических наблюдений, активно выпадает гейзер. Отсутствие обычных осадков на вершине горы и неизмененная лава указывают на то, что кристаллическая решетка заставляет гидротермальный восстановитель.
 
<p>Поэтому многие геологи считают, что роговая обманка сдвигает катализатор. Судя по находям древнейших моренных отложений на Онежско-Ладожском перешейке, боксит каталитически нейтрализует основной боксит. Упаривание относительно слабо ускоряет атом. Мантия систематически сжимает электронный нуклеофил.
 
<p>Выпаривание представляет собой симметричный базальтовый слой. Непосредственно из законов сохранения следует, что генетическая связь притягивает фрагментарный лептон. С точки зрения теории строения атомов, волокно облучает электронный лавовый поток, что лишний раз подтверждает правоту Эйнштейна. Гомогенная среда диссоциирует дейтерированный известняк. Раньше ученые полагали, что растворение индивидуально. Химическое соединение составляет гидродинамический удар, за счет чего увеличивается мощность коры под многими хребтами.<strong>Источник: Яндекс Рефераты</strong>
    
</body>
</html>
Вложения
Тип файла: txt код.txt (4.1 Кб, 4 просмотров)
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
05.02.2018, 20:21
Ответы с готовыми решениями:

jQuery Colorbox
Здравствуйте! Поставил вот такой плагин: jQuery Colorbox. Мне он очень понравился. Несложный в настройке. Красиво работает. Но вот недавно...

Alt вместо title в jquery colorbox
Как заставить плагин colorbox выводить в cboxTitle содержимое из alt, а не из title?&lt;a href=&quot;xxi.jpg&quot; class=&quot;group10&quot;...

Не отображается галерея NextGen в jQuery Colorbox
Добрый день! Подскажите Что еще нужно сделать чтоб галерея отобразилась? Дело в том , я хочу чтоб в окне colorbox загружалась галерея...

1
Почетный модератор
Эксперт по компьютерным сетямЭксперт Windows
 Аватар для magirus
28049 / 15785 / 983
Регистрация: 15.09.2009
Сообщений: 67,752
Записей в блоге: 78
05.02.2018, 20:27
помогаю
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
05.02.2018, 20:27
Помогаю со студенческими работами здесь

Подключение архива с плагином Jquery к Wordpress
Доброй ночи, уважаемые товарищи! Интересует следующий вопрос: Есть архив с плагином Jquery, есть инструкция как прописывать код, чтобы...

Удалить селект инициализированный плагином jquery-formstyler
Всем привет! У меня несколько селектов. Нужно при клике на option - Удалить - удалять селект родитель. Проблема в том что я не могу...

Проблема с работой скрипта jQuery
Здравствуйте. У меня есть скрипт для анимации текста при наведении на елемент: var textWrapper = document.querySelector('.ml13'); ...

Помогите с работой в реестре
Кто-нибудь может доходчиво рассказать о функциях работы с реестром

Помогите с экзаменационной работой
Доброго времени суток...)) Пишу экзаменационную работу на Visual C++, работаю в среде Visual Studio 2008. Задание: Создать программу...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
10 пpимет, которые всегда сбываются
Maks 31.03.2026
1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .
Перемещение выделенных строк ТЧ из одного документа в другой
Maks 31.03.2026
Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave
DevAlt 30.03.2026
Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений
Maks 29.03.2026
Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru