Стрелки Fotorama не отображаются

Я только что установил javascript-скрипт Fotorama. Однако, когда я использую data-arrows="true" для включения стрелок, которые являются атрибутом, который вы можете установить в нем, они вообще не отображаются.

Это код с удаленными ссылками на изображения:

<div class="fotorama" data-nav="thumbs" data-width="200;" 
data-height="200" data-arrows="true" data-click="true">

<img src="Image 1" alt="" width="200" height="200" /> 
<img src="Image 2" alt="" width="200" height="200" /> 
<img src="Image 3" alt="" width="200" height="200" />
</div>

Кто-нибудь, кто использовал Fotorama, сталкивался с этой проблемой? Или может кто-нибудь проверить это и посмотреть, если это только я. Вы можете скачать скрипт по адресу: http://fotorama.io/

Вот демонстрация того, как это должно работать: http://fotorama.io/examples/arrows-click-swipe.html

Спасибо.


javascript fotorama
person Cdore    schedule 30.07.2013    source источник
comment
Поскольку ваш вопрос в 14-м здесь об этой библиотеке, не ждите ответа...   -  person gdoron is supporting Monica    schedule 30.07.2013
comment
лол, я бы не удивился.   -  person Cdore    schedule 30.07.2013
comment
Можете ли вы дать нам демо?   -  person Art    schedule 31.07.2013
comment
Я мало что знаю об этой библиотеке, но похоже, что в демо также есть ссылка на jquery. У вас есть это включено в ваш код?   -  person evan.stoddard    schedule 01.08.2013
comment
Удалены ';' из data-width и сделал скрипку. Он показывает стрелки, когда вы наводите мышь на изображение. Посмотреть скрипт   -  person anpsmn    schedule 01.08.2013
comment
Это сработало. В основном, в Magento Go вы обычно можете ввести свой собственный CSS. Однако, казалось, даже помещая это туда, ничто из этого не признавалось. Поэтому я связался со следующей таблицей стилей, и она исправила это: ‹link href=fotorama.s3.amazonaws.com/4.2.3/fotorama.css rel=stylesheet›   -  person Cdore    schedule 05.08.2013

Ответы (2)


arrow_upward
4
arrow_downward

Используйте jQuery 1.8 или более позднюю версию.

Поместите fotorama.png и [email protected] в тот же каталог, что и fotorama.css.

Удалите символ ; из атрибута data-width.

Он должен работать.

person Art    schedule 04.08.2013

arrow_upward
0
arrow_downward

По умолчанию в .fotorama__wrap fotorama добавляет .fotorama__wrap--no-controls.

Измените opacity: 0 на 1 в исходном коде SCSS.

.fotorama__wrap--no-controls {
    .fotorama__arr,
    .fotorama__fullscreen-icon {
      opacity: 1;
      &:focus {opacity: 1}
    }
}
person Dunot    schedule 24.03.2016