Добрый день, собираю галерею на JQ, урок взял отсюда:
https://www.youtube.com/watch?v=u4h9a6rI3hgвроде б все просто и понятно.
Скачал ЛГ, подцепил к основному файлу.
прописал:
jQuery(document).ready(function ($) {
$("#lightgalery").lightGallery();
} );
в подключаемом файлике.
Нажимаю на миниатюру - идет загрузка (перекатывающийся кружок в центре экрана), но основная картинка не выводится, т.е. стоит и думает
В чем может быть причина???
Игорь_Vasinsky
8.09.2015 - 14:45
JS скрипт отлаживают, например через консоль в хроме или фаербаг в мозилле.
скорее всего не верно указан адрес картинки большого размера.
но точнее ошибку ты увидишь в консоле (f12 Google Chrome)
_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Если в мозилле смотреть то такое объяснение выводит:
TypeError: src is undefined lightgallery.js:395:12
Will-change потребляет слишком много памяти. Площадь поверхности охватывает 2460576 пикселей, бюджетом является площадь поверхности документа умноженная на 3 (622896 пикселей). Все вхождения will-change в документ, превышающие бюджет, проигнорированы.
а в гуглхроме:
Uncaught TypeError: Cannot read property 'match' of undefined
Plugin.isVideo @ lightgallery.js:395
Plugin.loadContent @ lightgallery.js:581
Plugin.slide @ lightgallery.js:802
Plugin.build @ lightgallery.js:202
(anonymous function) @ lightgallery.js:182
m.event.dispatch @ jquery-1.11.3.min.js:4
m.event.add.r.handle @ jquery-1.11.3.min.js:4
lightgallery.js:395
var youtube = src.match(/\/\/(?:www\.)?youtu(?:\.be|be\.com)\/(?:watch\?v=|embed\/)?([a-z0-9\-]+)/i);
var vimeo = src.match(/\/\/(?:www\.)?vimeo.com\/([0-9a-z\-_]+)/i);
var dailymotion = src.match(/\/\/(?:www\.)?dai.ly\/([0-9a-z\-_]+)/i);
Игорь_Vasinsky
8.09.2015 - 15:07
Цитата |
var youtube = src.match(/\/\/(?:www\.)?youtu(?:\.be|be\.com)\/(?:watch\?v=|embed\/)?([a-z0-9\-]+)/i); var vimeo = src.match(/\/\/(?:www\.)?vimeo.com\/([0-9a-z\-_]+)/i); var dailymotion = src.match(/\/\/(?:www\.)?dai.ly\/([0-9a-z\-_]+)/i); |
src в коде как определён ранее в коде?
покажи HTML кусок кода своей галереи
_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
<p>Добро пожаловать!!!</p>
<ul id="lightgalery" class="gallery">
<li date-src="img/1.jpg" >
<a href="#">
<img src="img/th/1_th.jpg">
</a>
</li>
<li date-src="img/2.jpg" date-sub-html="<div class='test'><h1>Hello</h1><p>Text</p></div>">
<a href="#">
<img src="img/th/2_th.jpg">
</a>
</li>
<li date-src="img/3.jpg" date-sub-html="<div class='test'><h1>Hello</h1><p>Text</p></div>">
<a href="#">
<img src="img/th/3_th.jpg">
</a>
</li>
<li date-src="img/5.jpg" date-sub-html="<div class='test'><h1>Hello</h1><p>Text</p></div>">
<a href="#">
<img src="img/th/5_th.jpg">
</a>
</li>
</ul>
Быстрый ответ:
Powered by dgreen
Здесь расположена полная версия этой страницы.