Юрий, если исходная картинки называлась 1-150x150.jpg, то надо тогда ('src', src.replace('-150x150', '')); вот так прописать. Короче, в исходном названии находите все лишнее, и передаете в src.replace.
Юрий, выложили код и все стало на места.
Надо, чтобы картинки лежали по папкам, как и раньше, желательно.
JS работает следующим образом:
1) Создает объект Gallery, вешает обработку на клик, прокрутку, нажатие стрелок влево-вправо на клавиатуре, и на кнопки вперед-назад в html. При прокрутке, нажатии вперед-назад/влево-вправо вызывается функция показа картинки, меняется счетчик и результат передается как параметр.
2) Берет по селектору '.thumbs img' миниатюры, а по '.photo-box img' еще какие-то картинки. Проверьте, какие в разметке картинки есть в этом селекторе.
3) Когда надо показать картинку просто переписывается адрес текущей картинки на другой. Меняется thumbnail на photo в адресе картинки.
Что с этим делать? Посмотрите, что по указанным селекторам лежит. Как выводятся картинки сейчас?
Алексей, если не сложно каждый документ добавить как запись в wp, то я бы так и сделал, потом как в ответе описал делал все. Но, id wp генерирует сам, лучше просто создайте свое кастомное поле для записи и туда вбивайте нужный Вам номер документа.
Игорь Воротнёв, я согласен с Вашим подходом, что Вы все уточнили у автора вопроса. Да, я прочитал уже и понял, пусть разбирается. Если бы нужные данные были у записей, то мой вариант подошел бы. Тут ведь как бывает, как вопрос задашь такой ответ и получишь. Я ведь тоже не чушь написал) Напишите свой ответ. Мой ответ поможет, если данные связаны с постом.
Игорь Воротнёв, так wp_query работает с чем угодно, если искомые данные есть у какой-то записи, хоть в мета, хоть в таксономиях или терминах, то надо только правильно сформировать wp_query, по ссылке выше есть все для этого.
Юрий, позже постараюсь выложить код, что-то у Вас много всего.
Можно, кстати, попробовать и без аякса, просто создать новый элемент.
Как уже говорил, где-то через час смогу зайти с ПК, подскажу подробнее.
Mikhail, работает это примерно так:
1) Есть некий файл, который является библиотекой, пусть это module.js
2) Есть приложение, которое пишет разработчик для проекта, его основной точкой входа будет main.js. Разработчику нужны функции из библиотеки module.
3) В module есть функции, которые приватные, которые нельзя отдать на использование, иначе правильная работа библиотеки окажется под угрозой. Помимо этого есть несколько функциий, которые доступны публично, чтобы разработчики могли пользоваться библиотекой.
Как это реализовать?
1) Создаем библиотеку module.js. Внутри нее создаем все, что нужно, все функции для ее работы (помимо функций тут имеется ввиду и объекты, и классы, и переменные). Потом выбираем, что можно отдать публично, а что оставить приватным внутри модуля. Все, что публично пишем в module: export Foo.
2) Когда работаем в main.js и хотим воспользоваться Foo из module, то устанавливаем, то есть скачиваем, module, вручную или через npm. Потом в своем коде пишем import Foo from 'module'.
Так как браузер не умеет сделать импорт, то за него это сделает webpack.
В режиме разработки удобно иметь devServer, который после сохранения исходного кода соберет новый бандл и отправит в браузер, а в момент сборки на продакшен - сделает из всего этого дела один main.js, внутри которого будут все эти библиотеки, которые в процессе разработки импортировались.
