Pehea e hana ai i ka hopena ʻōwili kiʻi ma Elementor

Besoin d’un moyen de créer un effet de défilement d’image dans Elementor ? Dans cet article, nous vous guiderons pour créer un effet de défilement d’images à l’aide d’Elementor sur vos pages web.

ʻO ka hopena scroll kiʻi e ʻae iā ʻoe e hōʻike i ke kiʻi piha ke kau ka mea hoʻohana ma luna o nā kiʻi. Ke kipa aku ʻoe i kahi pūnaewele e kūʻai aku ana i nā mamana pūnaewele, hiki iā ʻoe ke ʻike i ka ʻike piha o nā hiʻohiʻona me nā hiʻohiʻona hopena scroll kiʻi.

Me kēia mau hiʻohiʻona, hiki iā ʻoe ke hōʻike maʻalahi i kāu mea hoʻohana i ka ʻike piha o ka pūnaewele ma kahi liʻiliʻi. ʻO ka mea maʻamau, inā makemake ʻoe e hōʻike i kahi kiʻi piha o kahi pūnaewele, e lawe i kahi ākea nui ma kāu mau ʻaoʻao pūnaewele. Eia kekahi, pili ia i ka hoʻolālā ʻana o kāu pūnaewele.

Akā me ka hopena scroll kiʻi, hiki iā ʻoe ke hoʻohui i nā kiʻi hou aʻe ma kahi ala maikaʻi e hiki ke hopu i ka manaʻo o ka poʻe.

E hana i ka hopena o ke kiʻi ma Elementor

ʻAʻole hāʻawi ʻo Elementor i kahi widget e hoʻohui i ka hopena scroll kiʻi. No laila pono ʻoe e hoʻohui i ka hopena me ka hoʻohana ʻana i ka CSS maʻamau. Loaʻa ka hiʻohiʻona CSS maʻamau me Elementor Pro. No laila e hōʻoia ua hoʻonui ʻoe i Elementor Pro.

Maintenant, ouvrez une page avec l’éditeur Elementor et cliquez sur l’icône plus pour ajouter une section.

I kēia manawa pono ʻoe e koho i ke kolamu no kāu ʻāpana. Maanei mākou e koho ai i ka ʻāpana kolamu hoʻokahi.

hana i ka hopena scroll kiʻi ma Elementor

E kaomi i ka ʻāpana hoʻoponopono ikona a ma ka papa kuhikuhi e hoʻonoho i ke kiʻekiʻe haʻahaʻa i 500.

I kēia manawa mai ka widget poloka e hoʻohui i ka ʻāpana o loko i kāu ʻāpana i hana ʻia a wehe i ke kolamu paʻamau. E kaomi akau i ka ikona hoʻoponopono kolamu a kaomi i ka koho holoi e holoi i ke kolamu nui.

E hele hou i ka koho hoʻoponopono o ka ʻāpana i loko a ma ka papa kuhikuhi e hoʻonoho i ke kiʻekiʻe haʻahaʻa i 500 e like me kā mākou i hōʻike mua ai.

I kēia manawa e hoʻololi i ka ʻaoʻao kaila o ka ʻāpana i loko a hoʻonohonoho i ke kāʻei ma ke ʻano maʻamau mai ke koho hope. A laila, pono ʻoe e hoʻohui i kāu kiʻi hope. Mai ke koho kūlana kiʻi, hoʻonoho i ke kūlana o ke kiʻi ma Kikowaena luna. Mai ka koho hou, hoʻonoho i ke koho ʻaʻole hana hou a like ka nui aloha.

I kēia manawa e hoʻololi i ka pā holomua e hoʻohui CSS maʻamau. Ma ke kahua CSS maʻamau, e hoʻohui i kēia code:

mea koho{ -webkit-transition: oluolu-i-waho 3s !mea nui; hoololi: oluolu-i-waho 3s !mea nui; } mea koho:hover{ background-position: waena waena !mea nui; }

Hiki iā ʻoe ke hoʻololi i ka waiwai hoʻololi e hoʻololi i ka hopena ʻōwili o nā kiʻi. Inā makemake ʻoe e hoʻohui i nā kiʻi he nui me ka hopena like, hiki iā ʻoe ke kope i ke kolamu a laila hoʻololi i ke kiʻi hope.

Panina

Ma ka hahai ʻana i ke kaʻina hana, hiki iā ʻoe ke hoʻohui i kahi hopena scroll kiʻi i kāu pūnaewele me ka hoʻohana ʻana i ka mea hana ʻaoʻao Elementor. Hiki iā ʻoe ke nānā i kā mākou ʻatikala ʻē aʻe e aʻo ai:

Manaʻo mākou e lilo kēia ʻatikala iā ʻoe. Inā makemake ʻoe i kēia ʻatikala, e ʻoluʻolu e like me kā mākou ʻaoʻao Facebook e noho pili.