в мобильной версии через несколько секунд исчезла отметка со стрелкой - PullRequest
Новая
       1

в мобильной версии через несколько секунд исчезла отметка со стрелкой

0 голосов
/ 14 мая 2018

Я пытаюсь разработать AMP для нашего сайта.

У меня проблема со стрелкой карусели AMP на моем мобильном сайте.

Маркировка стрелки карусели AMP исчезает через несколько секунд в мобильном телефоне.версия.

Я хочу, чтобы она отображалась.Может ли какой-нибудь орган помочь мне, как этого добиться?

find attachment with AMP carosuel arrow

<amp-carousel id="carousel-with-preview"
    width="450"
    height="300"
    layout="responsive"
    type="slides">
    <amp-img src="images/image1.jpg"
      width="450"
      height="300"
      layout="responsive"
      alt="apples"></amp-img>
    <amp-img src="images/image2.jpg"
      width="450"
      height="300"
      layout="responsive"
      alt="lemons"></amp-img>
    <amp-img src="images/image3.jpg"
      width="450"
      height="300"
      layout="responsive"
      alt="blueberries"></amp-img>
  </amp-carousel>
  <div class="carousel-preview">
    <button on="tap:carousel-with-preview.goToSlide(index=0)">
      <amp-img src="images/image1.jpg"
        width="60"
        height="40"
        alt="apples"></amp-img>
    </button>
    <button on="tap:carousel-with-preview.goToSlide(index=1)">
      <amp-img src="images/image2.jpg"
        width="60"
        height="40"
        alt="lemons"></amp-img>
    </button>
    <button on="tap:carousel-with-preview.goToSlide(index=2)">
      <amp-img src="images/image3.jpg"
        width="60"
        height="40"
        alt="blueberries"></amp-img>
    </button>
  </div>

1 Ответ

0 голосов
/ 15 мая 2018

Добавление параметра controls в тег <amp-carousel> заставляет элементы управления оставаться видимыми даже на мобильном телефоне.

Я проверил это на amp-площадка , и кажется, что элементы управления остаются видимыми, даже на мобильном телефоне.

Пример кода: 

<amp-carousel
  width="450"
  height="300"
  controls
  layout="responsive"
  type="slides">
<amp-img src="https://www.abelandcole.co.uk/media/205_14408_z.jpg"
  width="450"
  height="300"
  layout="responsive"
  alt="apples"></amp-img>
<amp-img src="https://www.dailysignal.com/wp-content/uploads/Lemons4-1250x650.jpg"
  width="450"
  height="300"
  layout="responsive"
  alt="lemons"></amp-img>
<amp-img src="https://draxe.com/wp-content/uploads/2014/07/BlueberryBenefitHeader.jpg"
  width="450"
  height="300"
  layout="responsive"
  alt="blueberries"></amp-img>
</amp-carousel>

элементы управления (необязательно)

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

...