Как изменить порядок слайдов в Impress JS

0

Я хотел бы изменить свой порядок слайдов в файле impress.js. Но я не могу это сделать, просто добавив, есть ли способ сделать это?

Мой код выглядит ниже

<!--slide 1-->
<div id="title" class="step" data-x="0" data-y="0" data-scale="4">
    <span class="try">How to perform</span> <br/>
    <h1>A Soft Handover</h1>
    <span class="footnote">in Mobile Networks</span>
</div>

<!--slide 2-->
<div id="its" class="step" data-x="850" data-y="3000" data-rotate="90" data-scale="5">
    <h2 style="font-size:72px">What is a soft handover?</h2>
    <p style="font-size:40px;text-align:justify">When a mobile station moves from one base station coverage to another during an existing call, the base stations transfer services between each other to keep the call alive. 
    </p>
</div>

<!--slide 3-->
<div id="its" class="step" data-x="-3500" data-y="4000" data-rotate="180" data-scale="6">
    <h2 style="font-size:72px">What is a?</h2>
    <p style="font-size:40px;text-align:justify">When a mobile station moves from one base station coverage to another during an existing call, the base stations transfer services between each other to keep the call alive. 
    </p>
</div>

Заранее спасибо.

  • 0
    измените data-x, data-y и data-scale в соответствующем div. Я попробовал это. работает. но вы должны быть терпеливы, чтобы изменить эти вещи .. дайте мне знать, если это сработало или любая другая проблема ...
  • 1
    например: <! - слайд 1 -> <div id = "title" class = "step" data-x = "- 3500" data-y = "4000" data-rotate = "180" data-scale = "6"> </ div> <! - слайд 3 -> <div id = "its" class = "step" data-x = "0" data-y = "0" data-scale = "4" > </ DIV>. сначала вы должны составить план, какой слайд будет первым, а какой - вторым и т. д., измените эти параметры, чтобы изменить порядок слайдеров ...
Теги:
impress.js

1 ответ

1

Слайды impress.js упорядочены по порядку, в котором ваши "шаговые" divs появляются в html. Таким образом, вам просто нужно переместить их в свой html файл для повторного заказа.

Этот начальный порядок позволяет вам произвести впечатление(). Goto (index), где index равен 0 для первого слайда, 1 для второго и т.д.

Если вы хотите динамически изменять порядок, в котором ваш javascript посещает эти слайды, вы можете вызвать функцию impress(). Goto (index) для желаемого индекса, если вы используете файл javascript для управления переходами между слайдами.

edit: Я понимаю, что этот вопрос почти год, но для любого другого, использующего файл impress.js, вы можете найти эту ссылку полезной https://gist.github.com/lavallee/2340157

Ещё вопросы

Сообщество Overcoder
Наверх
Меню