Title: XtremeSlider
Author: Jessie Stewart
Published: <strong>2026 年 4 月 17 日</strong>
Last modified: 2026 年 4 月 17 日

---

搜索插件

![](https://ps.w.org/xtreme-slider/assets/banner-772x250.jpg?rev=3508575)

![](https://ps.w.org/xtreme-slider/assets/icon-256x256.gif?rev=3508603)

# XtremeSlider

 作者：[Jessie Stewart](https://profiles.wordpress.org/loanpartnership/)

[下载](https://downloads.wordpress.org/plugin/xtreme-slider.zip)

 * [详情](https://cn.wordpress.org/plugins/xtreme-slider/#description)
 * [评价](https://cn.wordpress.org/plugins/xtreme-slider/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/xtreme-slider/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/xtreme-slider/#developers)

 [支持](https://wordpress.org/support/plugin/xtreme-slider/)

## 描述

XtremeSlider is a free, lightweight WordPress slider plugin that lets you create
stunning image sliders with three distinct layout modes and embed them anywhere 
using a simple shortcode.

Built for performance — the frontend uses pure vanilla JavaScript with zero external
dependencies.

#### Three Layout Modes

**Default** — Editorial full-bleed slider with peek effect. Center slides are fully
visible while adjacent slides peek from the edges. Features infinite seamless looping,
vertical title text overlay, and caption/description sections below center slides.

**Cool** — Card-based slider with customizable gradient background. Rounded-corner
slides with hover lift effects and pagination dots.

**3D** — Dramatic CSS perspective slider with depth transforms. Center slide is 
prominent while adjacent slides rotate and scale back in 3D space with glassmorphism-
styled arrows.

#### Key Features

 * **Infinite Loop** — Default layout uses clone-based seamless cycling that never
   ends
 * **Up to 10 Slides** — Add up to 10 images per slider with drag-to-reorder
 * **4 Content Fields Per Slide** — Title (vertical overlay), Caption (heading below),
   Description (paragraph below), Link URL
 * **Relative & Absolute Links** — Link to `/roofing` or `https://example.com`
 * **Image Ratios** — Choose 16:10 (landscape) or 1:1 (square) per slider
 * **Autoplay** — Configurable speed (2-10 seconds), pauses on hover
 * **Fullscreen Mode** — 100vw edge-to-edge display
 * **Touch & Swipe** — Full mobile touch support
 * **Responsive** — 4 breakpoints (desktop, tablet, mobile, small mobile)
 * **Hover Effects** — Image zoom on hover, caption underline color change
 * **Link Hover Color** — Configurable per slider via color picker
 * **Gradient Background** — Two-color gradient picker for Cool layout
 * **Shortcode Overrides** — Override layout, visible count, autoplay, fullscreen
   per instance
 * **Conditional Loading** — CSS/JS only load on pages containing a slider

#### No Dependencies

Fully standalone. No WooCommerce, Elementor, or any other plugin required.

#### Elementor & Gutenberg Compatible

Works in Elementor Shortcode widget, Gutenberg Shortcode block, Classic Editor, 
or any page builder.

### Support

For documentation and more information visit:

[https://xtremeplugins.com/plugins/xtreme-slider](https://xtremeplugins.com/plugins/xtreme-slider)

Please submit bugs, patches, and feature requests to:

[https://github.com/Xtreme-Plugins/xtreme-slider](https://github.com/Xtreme-Plugins/xtreme-slider)

## 屏幕截图

 * [[
 * Cool layout — card-based slider with gradient background and pagination dots
 * [[
 * 3D layout — perspective depth slider with center slide prominent and adjacent
   slides rotated
 * [[
 * Default layout — editorial full-bleed slider with vertical title overlay, peek
   effect, and caption below
 * [[
 * 3D layout — wide view showing five visible slides with depth transforms and glassmorphism
   arrows

## 安装

 1. Download `xtreme-slider.zip`
 2. Unzip
 3. Upload the `xtreme-slider` directory to `/wp-content/plugins`
 4. Activate the plugin
 5. Create your first slider from the **Xtreme Slider** menu
 6. Copy the shortcode and paste it into any page

## 常见问题

### Does this work without WooCommerce?

Yes. Fully standalone with zero external dependencies.

### Does it work with Elementor?

Yes. Paste `[xtreme_slider id="X"]` into Elementor’s Shortcode widget.

### How many slides can I add?

Up to 10 slides per slider. Configure 1-6 visible at once.

### Is the slider responsive?

Yes. Adapts across 4 breakpoints with touch/swipe on mobile.

### Does it slow down my site?

No. Vanilla JavaScript (~5KB), no jQuery. Assets only load on pages with a slider.

### Can I use relative URLs?

Yes. Paths like `/roofing` work. Internal links stay in same tab, external links
open in new tab.

### Can I override settings per shortcode?

Yes. `[xtreme_slider id="5" layout="3d" visible="2" autoplay="true" fullscreen="
true"]`

## 评价

此插件暂无评价。

## 贡献者及开发者

「XtremeSlider」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Jessie Stewart ](https://profiles.wordpress.org/loanpartnership/)

[帮助将「XtremeSlider」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/xtreme-slider)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/xtreme-slider/)，查看
[SVN仓库](https://plugins.svn.wordpress.org/xtreme-slider/)，或通过[RSS](https://plugins.trac.wordpress.org/log/xtreme-slider/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/xtreme-slider/)。

## 更新日志

#### 1.2.1 – 15th April 2026

 * Renamed all plugin-specific PHP constants, classes, functions, and option keys
   to use the unique `xtrsl_` prefix for WordPress.org compliance
 * Renamed database table prefixes from `xs_` to `xtrsl_` to avoid naming conflicts
 * Removed donate link that was returning a redirect response
 * Added plugin author to contributors list in readme

#### 1.2.0 – 25th March 2026

 * Added image ratio option: 16:10 (landscape) or 1:1 (square) per slider
 * Added link hover color picker — configurable per slider
 * Added shortcode attribute overrides: layout, visible, autoplay, fullscreen
 * Added mouse drag support for Default layout
 * Improved responsive breakpoints across 4 screen sizes
 * Refined 3D layout depth and rotation values
 * Fixed infinite loop flickering on fast consecutive clicks
 * Fixed 3D layout not recalculating on resize
 * Fixed autoplay timer not resetting after manual navigation

#### 1.1.0 – 14th February 2026

 * Added Cool layout — card-based slider with gradient background
 * Added pagination dots for Cool and 3D layouts
 * Added fullscreen mode (100vw edge-to-edge)
 * Added gradient background picker with live preview
 * Added touch/swipe support for all layouts
 * Added autoplay with configurable speed and hover pause
 * Admin design overhaul — neumorphic design system
 * Drag-to-reorder slides with sortable cards
 * Visual radio cards for layout selection
 * Fixed shortcode rendering empty div with no slides
 * Fixed color picker popup overlap on small screens
 * Fixed status toggle save issue

#### 1.0.0 – 8th January 2026

 * Initial production release
 * Default layout — editorial full-bleed slider with peek effect and infinite loop
 * 3D layout — perspective slider with depth transforms and glassmorphism arrows
 * Up to 10 slides per slider, 1-6 visible at once
 * Per-slide fields: title, caption, description, link URL
 * Relative and absolute link support
 * Image hover zoom effect
 * Conditional CSS/JS loading
 * Admin panel with slider list, edit screen, and settings
 * Copy-to-clipboard shortcode button
 * Clean uninstall — drops tables and options

## 额外信息

 *  版本 **1.2.1**
 *  最后更新：**3 天前**
 *  活跃安装数量 **10+**
 *  WordPress 版本 ** 6.0 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/xtreme-slider/)
 * 标签
 * [3D slider](https://cn.wordpress.org/plugins/tags/3d-slider/)[carousel](https://cn.wordpress.org/plugins/tags/carousel/)
   [image slider](https://cn.wordpress.org/plugins/tags/image-slider/)[responsive slider](https://cn.wordpress.org/plugins/tags/responsive-slider/)
   [slider](https://cn.wordpress.org/plugins/tags/slider/)
 *  [高级视图](https://cn.wordpress.org/plugins/xtreme-slider/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/xtreme-slider/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/xtreme-slider/reviews/)

## 贡献者

 *   [ Jessie Stewart ](https://profiles.wordpress.org/loanpartnership/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/xtreme-slider/)