[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: LightGallery не выводит изображение
lion
Добрый день, собираю галерею на JQ, урок взял отсюда:
https://www.youtube.com/watch?v=u4h9a6rI3hg
вроде б все просто и понятно.
Скачал ЛГ, подцепил к основному файлу.

прописал:
jQuery(document).ready(function ($) {

$("#lightgalery").lightGallery();

} );
в подключаемом файлике.
Нажимаю на миниатюру - идет загрузка (перекатывающийся кружок в центре экрана), но основная картинка не выводится, т.е. стоит и думает

В чем может быть причина???
Игорь_Vasinsky
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
lion
Если в мозилле смотреть то такое объяснение выводит:

TypeError: src is undefined lightgallery.js:395:12
Will-change потребляет слишком много памяти. Площадь поверхности охватывает 2460576 пикселей, бюджетом является площадь поверхности документа умноженная на 3 (622896 пикселей). Все вхождения will-change в документ, превышающие бюджет, проигнорированы.
lion
а в гуглхроме:

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
Цитата
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
lion
<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>
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.