2014-02-02 4 views
0

Я следовал инструкциям here tstrap-Image-галереяПроблема установки начальной загрузки галереи изображений для Rails сайта

Хотя для кого-то, кто относительно новый, это немного расплывчатым, чтобы сказать копии каталогов на вашем сайте, так что я буду ходить вы через то, что я сделал, чтобы помочь в устранении неполадок.

Btw, я нашел еще один пост Add Bootstrap-Image-Gallery to a Rails project, но проблемы есть, что инструкции на тот же уровне нечеткости, и я не хочу, чтобы установить бутстраповский-аддон-рельсы Gem, потому что я пытаюсь не установить материал мне не нужен, и мне не нужны другие порции, а также тот факт, что, похоже, оригинальная галерея github была обновлена ​​совсем недавно.

  1. Скачать GitHub каталог как ZipFile
  2. Открыть ZipFile, скопируйте «CSS» папки целиком в приложении/активы/таблицы стилей
  3. ..., скопировать «JS» папки целиком в приложение/активы/JavaScripts
  4. ... скопируйте «IMG» папки целиком в приложении/активы/изображения
  5. скопируйте код точно так, как в документации, в то место, где я, строящей галерея

Быстрый вопрос: - Не уверен, что папка «IMG» делает, когда я копирую его. Ни один из кода не ссылается на него напрямую и не используется в качестве источника изображений в разделе «Ссылки» в галерее

В любом случае галерея успешно, но у меня есть некоторые проблемы с получение изображений для загрузки.

1) Я не могу загрузить файлы изображений или миниатюры для загрузки. Я предполагаю, что источник неверен, но не уверен, как исправить. В настоящее время мои изображения хранятся в двух местах: активы/изображения/фотографии и активы/изображения/эскизы. Таким образом, код, который я пишу это:

<a href="assets/photos/X.jpg" title="X" data-gallery><img src="assets/thumbnails/X.jpg"</a> 

Обратите внимание, что я прочитал в другом посте, что Rails трубопровода активов требует использования активов в качестве основного каталога, а не изображения, а документация галерея будет иметь вы делаете, но я пробовал каждую итерацию активов/фотографий, активов/изображений/фотографий /, изображений/фотографий, и никто из них не работал.

2) Пока мои миниатюры не работали, есть 100 изображений по умолчанию, связанных с flickr. Я не могу найти эти ссылки где-нибудь в исходном коде, который я скопировал из github, и не написал его сам, но когда я проверяю элемент, в разделе «Ссылки» есть строка миниатюр в разделе «Эскизы», как я могу избавиться от них?

3) Щелчок по любому эскизу выдает карусель лайтбоксов, что здорово! Но я могу прокручивать, используя клавиши со стрелками влево/вправо или перетаскивая изображение с помощью мыши (т. Е. Имитируемое прокручивание на устройстве без касания). Стрелки, которые я ожидал бы увидеть, если использовать код с символом chevron влево/вправо и кнопки для следующего, не отображаются. Как включить их?

Большое спасибо за помощь в любой из проблемных областей выше!

ответ

0

Хорошо, я понял ...немой ошибкой, надеюсь, что это поможет кому-то еще

Вопрос 1 ответ: вам просто нужно добавить дополнительную косую черту перед img src, то есть вместо «активы/изображение» это должно быть «/ assets/образ".

Вопрос 2 ответ: все это в файле demo.js в папке js, которую я скопировал. Чтобы удалить, я просто прокомментировал весь код (поместите/* перед запуском кода)

Вопрос 3 Ответ: Кажется, он исправил себя при обновлении. Не знаю, почему.

Быстрый ответ на вопрос: в файле bootstrap-image-gallery.css в папке css, которую я скопировал, в строке 71 есть фоновый url, вызывающий из папки img, которая также была скопирована. В той мере, в которой я нашел просмотр других файлов, это единственное место, которое вытаскивает из папки img (он потянет символ загрузки)

Смежные вопросы