Title: Scrollsequence – Cinematic Scroll Image Animation Plugin Author: Scrollsequence Published: 2020 年 8 月 29 日 Last modified: 2025 年 7 月 31 日 --- 搜尋外掛 ![](https://ps.w.org/scrollsequence/assets/banner-772x250.png?rev=2780205) ![](https://ps.w.org/scrollsequence/assets/icon-256x256.png?rev=2780206) # Scrollsequence – Cinematic Scroll Image Animation Plugin 由 [Scrollsequence](https://profiles.wordpress.org/scrollsequence/) 開發 [下載](https://downloads.wordpress.org/plugin/scrollsequence.1.6.2.zip) * [詳細資料](https://tw.wordpress.org/plugins/scrollsequence/#description) * [使用者評論](https://tw.wordpress.org/plugins/scrollsequence/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/scrollsequence/#installation) * [開發資訊](https://tw.wordpress.org/plugins/scrollsequence/#developers) [技術支援](https://wordpress.org/support/plugin/scrollsequence/) ## 外掛說明 Scrollsequence allows you to create stunning image sequence animations that are controlled with mousewheel or touch. Turn static design into cinematic experience in few clicks. Make your website come alive, scroll through video and interactive content. You can use it to create an eye-catching animation sequence on your homepage or in individual posts and pages to offer a more cinematic, engaging way for visitors to consume your content. ### Never seen before on WordPress Scroll sequence technology was exclusive to big tech companies, who have budget and skills to implement it from scratch. Sony, Apple and Samsung made use of this background animation technique, [learn how they made use of scroll animations](https://scrollsequence.com/how-to-make-scroll-image-animation/?utm_source=wpreporeadme&utm_medium=wpreporeadme&utm_campaign=wpreporeadme) and how to add this feature to your site with ease. ### Get Started * Have a look at some [examples](https://scrollsequence.com/examples/?utm_source=wpreporeadme&utm_medium=wpreporeadme&utm_campaign=wpreporeadme) on our website * Play around in [live demo](https://scrollsequence.com/live-demo/wp-admin/?utm_source=wpreporeadme&utm_medium=wpreporeadme&utm_campaign=wpreporeadme) sandbox * Check the [documentation](https://scrollsequence.com/documentation/?utm_source=wpreporeadme&utm_medium=wpreporeadme&utm_campaign=wpreporeadme) * Subscribe to our [youtube](https://www.youtube.com/channel/UCfS4p0R5ZYr4GTQ9DIBbEgg) channel ### Main Features * **Performance** – Thanks to HTML5 Canvas image draw technology and lightweight scripts and HTML * **Drag and Drop** – Reorder images, scenes and animations * **Animate HTML Elements** – Write and animate content in sync with media * **WYSIWYG editor** – Shortcode and oEmbed capability * **Compatible** – Use with Gutenberg, [Elementor](https://scrollsequence.com/how-to-make-image-sequence-animation-in-elementor/), [Divi](https://scrollsequence.com/how-to-make-image-sequence-animation-in-divi/), Oxygen, [Beaver Builder](https://scrollsequence.com/how-to-make-image-sequence-animation-in-beaver-builder/) and many others * **SEO** – All content is visible for search engines * **Fully responsive** – Mobile and desktop sizing and alignment options * **Media gallery** – Backend upload and select * **Image preloading** – Images are pre-loaded in the background * **Custom CSS** – Add your own styles * Image opacity and background color settings * Scrollsequence speed settings * Fallback option when user has Javascript disabled * Options for footer and sidebar hide/display * Native WordPress shortcode support ### Pro Plan Feautres * **Advanced Content Animation** – Create Fade In, Fade Out, Move and Scale animations on scroll * **Unlimited Scenes and Images** * **Smooth Scroll Delay** – Add a delay effect to your animation to make it smoother * **Smart Image Pre-loading** – Control how many images are loaded on page load before the animation is displayed * **SEO Friendly** – All content added to Scrollsequence is indexable * **Priority Support** ### Business Plan Feautres * **Cloud Media Tools** – A collection of handy cloud based media tools * **Video to Image Converter** – Convert source video into a sequence of images in seconds * **AI Frame Former** – Increase number of image frames from your video in our cloud service for smoother animation * **WP Media Gallery Import** – Import still images from your video directly to WP Media Gallery with one click #### What others say about Scrollsequence? > ” **You’ve never seen anything like this in WordPress.** ” – Bjorn Allpas – WP > Learning Lab > ” **This takes interactivity to another level.** ” – Imran Siddiq – Web Squadron > ” **Game Changer** – Really excited for the future of this plugin as out of the > gate it’s amazing. Excited for what the future holds and looking forward to widget > functionality perhaps in builders like Divi.” – Luke Dempsey > ” **Best execution of scrolly telling** – I’ve tried a lot of ways to create scrolly > telling content…from lottie files to scroll triggers to custom gsap stuff. None > comes close to what Scrollsequence can do though.” – Leon Kiongwei > ” **Great plugin** – It works, it’s fluent. You just need some time to understand > the logic, but it’s fairly straightforward.” – P Fabor ## 螢幕擷圖 * [[ * Scrollsequence – Cyberpunk Animation Example * [[ * Scrollsequence – Beauty Animation Example * [[ * User Interface – Beauty Animation Example * [[ * Dashboard * [[ * Shortcode example usage * [[ * User Interface 1 * [[ * User Interface 2 * [[ * [[ * [[ * [[ ## 安裝方式 1. Upload Scrollsequence .zip file to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Navigate to Scrollsequence admin menu 4. Follow Getting Started in dashboard menu ## 常見問題集 ### Do I need to know any coding? No, Scrollsequence makes it easy for you to create unique user experiences with animated background. ### Can I use it on any website? Yes, if you have existing website you can add this functionality with few clicks. ### Can I use Scrollsequence with Elementor or Divi? Yes, just insert shortcode into any builder of your choice and it will seamlessly blend in! ### How can I add the animation to a post or page? Use shortcode [scrollsequence id=”####”] to insert it into any page or post. ### Is Scrollsequence compatible with all themes? We have done our best for you being able to use it on any website. It is recommended to use themes that do not break normal scroll behavior with custom scroll bars, or AJAX transitions. Please contact our support if you find issues with integration to your theme. ### Is it free? Yes, basic functionality is free. If you want to go fancy, you can buy PRO or Business versions. ### Do you offer support? Yes, there is an email support for the PRO version. If you use the free version, don’t hesitate and ask on the WordPress support forum. ### What about page loading times? First few images are fetched during page load. As soon as a minimum number of images have finished loading, the animation is displayed and remaining images are loaded in the background. ## 使用者評論 ![](https://secure.gravatar.com/avatar/dcc48e9c96c9ee54c358ad65a85e30e4c1777d8dd7111bcb16255962c2df165d? s=60&d=retro&r=g) ### 󠀁[well… it works!](https://wordpress.org/support/topic/well-not-free-at-all/)󠁿 [Jakours2](https://profiles.wordpress.org/jakours2/) 2025 年 11 月 26 日 3 則留言 Edit : Changed my rating because i bought the paid version and it’s works well. ![](https://secure.gravatar.com/avatar/9d97d118875ccbfba22d9567144f60aeb90b716b85be9851509633d32bcbdcea? s=60&d=retro&r=g) ### 󠀁[Great help and support](https://wordpress.org/support/topic/great-help-and-support-8/)󠁿 [kunallonhare](https://profiles.wordpress.org/kunallonhare/) 2025 年 3 月 13 日 This plugin is really cool and support is very nice and helpful. ![](https://secure.gravatar.com/avatar/cc70d00eb8539d8bc312bff8565faf2ec48ac31336133a27522f966e90ab0509? s=60&d=retro&r=g) ### 󠀁[Unintuitive, expensive, outdated](https://wordpress.org/support/topic/unintuitive-expensive-outdated/)󠁿 [erisf](https://profiles.wordpress.org/erisf/) 2023 年 12 月 9 日 1 則留言 The idea for this plugin is certainly good but the documentation is outdated and shows options that don’t exist on the actual editing page. The animation process also isn’t straight forward and there are very few explanations about certain coding aspects. The plugin praises itself as being code-free, but that isn’t the case. Not to mention again that the documentation is outdated, thus it’s difficult to follow the tutorial. The pro version is clearly the best part of the plugin, with the free version existing only to entice you to buy. The trouble is a lifetime license is expensive, especially for someone who may want to use only one or two animations, and it certainly isn’t worth paying for this. Overall this is a bit disappointing because it’s less about providing customers and users with a useful tool, it’s rather about gate-keeping, and even the free options aren’t intuitive enough to navigate. It would be really nice if the developers would think of something there, both in terms of lowering the lifetime cost of the plugin + making the animation process more straightforward. ![](https://secure.gravatar.com/avatar/f5faa37058004eedfd2f300902bb92a65d5c5aa9d29d975809d103e66c36667b? s=60&d=retro&r=g) ### 󠀁[A truly amazing plugin](https://wordpress.org/support/topic/a-truly-amazing-plugin/)󠁿 [tanyapereira](https://profiles.wordpress.org/tanyapereira/) 2023 年 11 月 20 日 Scrollsequence helped us create a killer animation on our homepage, process was easy and I am super satisfied with the result! ![](https://secure.gravatar.com/avatar/0b30044afbcb7fc1f45d7ecc1ac9a4ff8dbb59c03f911a08b30aacfc2c96733e? s=60&d=retro&r=g) ### 󠀁[Great plugin, amazing support](https://wordpress.org/support/topic/great-plugin-amazing-support-188/)󠁿 [KineticPulse](https://profiles.wordpress.org/kineticpulse/) 2023 年 9 月 4 日 1 則留言 Really good plugin, obviously still in its early stages but the great support makes it very worthwhile. I can see it only getting better! ![](https://secure.gravatar.com/avatar/4ded9fa456143750a23897e65a13e00c2c597a1ec86186877a4bd1b656fccd6a? s=60&d=retro&r=g) ### 󠀁[Take your website to another level.](https://wordpress.org/support/topic/take-your-website-to-another-level/)󠁿 [bemasterwp](https://profiles.wordpress.org/bemasterwp/) 2023 年 6 月 13 日 This is a great plugin that helps you to create a website with a different and creative style. It is well-developed so that the website does not load too slowly. [ 閱讀全部 19 則使用者評論 ](https://wordpress.org/support/plugin/scrollsequence/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Scrollsequence – Cinematic Scroll Image Animation Plugin〉 的開發相關工作。 參與者 * [ Scrollsequence ](https://profiles.wordpress.org/scrollsequence/) * [ Kozelsky ](https://profiles.wordpress.org/kozelsky/) 〈Scrollsequence – Cinematic Scroll Image Animation Plugin〉外掛目前已有 7 個本地 化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/scrollsequence/contributors) 為這個外掛做出的貢獻。 [將〈Scrollsequence – Cinematic Scroll Image Animation Plugin〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/scrollsequence) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/scrollsequence/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/scrollsequence/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/scrollsequence/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/scrollsequence/)。 ## 變更記錄 #### 1.6.2 * Freemius SDK update 2.12.1 * Carbon Fields update 3.6.9 #### 1.6.1 * Rollback of animation library change #### 1.6.0 * Animation library update * Scrollsequence list image warning fix #### 1.5.9 * Minor update #### 1.5.8 * Dependencies version upgrade #### 1.5.7 * WP 6.6 compatibility * Carbon Fields 3.6.5 update #### 1.5.6 * WP 6.5 compatibility * i18n update #### 1.5.5 * security update ## 中繼資料 * 版本 **1.6.2** * 最後更新 **9 個月前** * 啟用安裝數 **4,000+** * WordPress 版本需求 ** 5.0 或更新版本 ** * 已測試相容的 WordPress 版本 **6.8.5** * PHP 版本需求 ** 7.0 或更新版本 ** * 語言 * [Czech](https://cs.wordpress.org/plugins/scrollsequence/)、[English (US)](https://wordpress.org/plugins/scrollsequence/)、 [French (France)](https://fr.wordpress.org/plugins/scrollsequence/)、[German](https://de.wordpress.org/plugins/scrollsequence/)、 [Italian](https://it.wordpress.org/plugins/scrollsequence/)、[Slovak](https://sk.wordpress.org/plugins/scrollsequence/)、 [Spanish (Chile)](https://cl.wordpress.org/plugins/scrollsequence/)、及 [Spanish (Spain)](https://es.wordpress.org/plugins/scrollsequence/). * [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/scrollsequence) * 標籤 * [image animation](https://tw.wordpress.org/plugins/tags/image-animation/)[scroll](https://tw.wordpress.org/plugins/tags/scroll/) [scroll animation](https://tw.wordpress.org/plugins/tags/scroll-animation/) * [進階檢視](https://tw.wordpress.org/plugins/scrollsequence/advanced/) ## 評分 4.6 星，滿分為 5 星 * [ 15 個 5 星使用者評論 ](https://wordpress.org/support/plugin/scrollsequence/reviews/?filter=5) * [ 3 個 4 星使用者評論 ](https://wordpress.org/support/plugin/scrollsequence/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/scrollsequence/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/scrollsequence/reviews/?filter=2) * [ 1 個 1 星使用者評論 ](https://wordpress.org/support/plugin/scrollsequence/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/scrollsequence/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/scrollsequence/reviews/) ## 參與者 * [ Scrollsequence ](https://profiles.wordpress.org/scrollsequence/) * [ Kozelsky ](https://profiles.wordpress.org/kozelsky/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/scrollsequence/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](https://www.scrollsequence.com)