Webflow.io #7 - CMS book slider tutorial

  Рет қаралды 2,922

Slava Fedosenko

Slava Fedosenko

Күн бұрын

I forgot to set position "relative" on Rich Text block, so don't forget to fix it.
Я забыл поставить position "relative" на Rich Text block, так что не забудьте добавить это.
This animation:
webflow-samples...
Clone this project:
webflow.com/we...
Telegram channel:
t.me/webflow_io
__________
Body code:
(script)
var AllPageArray = document.getElementsByClassName('w-dyn-item');
var i = AllPageArray.length;
console.log(i);
var zIndex = 0;
$(function() {
$('.cms-book-arrow-right').on('click', function(e) {
e.preventDefault();
setTimeout(function(){
if(i == 1){
}else{
var element = AllPageArray[i - 2];
element.style.zIndex = zIndex + 1;
i--;
zIndex++;
}
}, 300);
});
});
$(function() {
$('.cms-book-arrow-left').on('click', function(e) {
e.preventDefault();
setTimeout(function(){
var element = AllPageArray[i - 1];
element.style.zIndex = "0";
i++;
zIndex--;
}, 300);
});
});
(/script)

Пікірлер: 5
@shubhamparekh9808
@shubhamparekh9808 4 жыл бұрын
I can't understand the language but I can follow the steps. Such a nice video😁
@romansteblevskiy2647
@romansteblevskiy2647 6 жыл бұрын
Вячеслав, спасибо!!!
@slava_fedosenko
@slava_fedosenko 6 жыл бұрын
Пожалуйста, Роман! И тебе большое спасибо за идею! Отличная получилась штука
@ЕвгенийКоробцев-ь4з
@ЕвгенийКоробцев-ь4з 6 жыл бұрын
Скажи, когда и где можно будет у тебя курс по Вебфлоу купить?)))
@houssembenboudhina5489
@houssembenboudhina5489 2 жыл бұрын
Why dont i have the advanced options on my layout?
Webflow.io #8 - image disintegration layout tutorial
1:26:12
Slava Fedosenko
Рет қаралды 1,5 М.
Webflow.io #9 - comparison animation tutorial
12:04
Slava Fedosenko
Рет қаралды 5 М.
How Strong is Tin Foil? 💪
00:26
Preston
Рет қаралды 64 МЛН
Фейковый воришка 😂
00:51
КАРЕНА МАКАРЕНА
Рет қаралды 7 МЛН
Brawl Stars Edit😈📕
00:15
Kan Andrey
Рет қаралды 44 МЛН
Webflow Pricing Explained (Hosting & Workspace plans 2024)
8:33
Sam Harrison
Рет қаралды 9 М.
Elon Musk fires employees in twitter meeting DUB
1:58
GeoMFilms
Рет қаралды 16 МЛН
6 Webflow Micro Interactions You Can Clone Today
6:33
Arnau Ros
Рет қаралды 60 М.
Interactive CMS Map Points in Webflow
4:43
Timothy Ricks
Рет қаралды 10 М.
Creating a CMS-powered basic slider in Webflow using Swiper
16:33
Ilja van Eck
Рет қаралды 28 М.
Building a Basic Game in Webflow (Tutorial)
21:28
Timothy Ricks
Рет қаралды 9 М.
Complete Webflow Quickstack Tutorial (Better than Grid?!)
13:48
How Strong is Tin Foil? 💪
00:26
Preston
Рет қаралды 64 МЛН