{"id":1726,"date":"2026-07-28T22:47:12","date_gmt":"2026-07-28T22:47:12","guid":{"rendered":"http:\/\/home.test\/canvas-wp-test\/image-sliders\/"},"modified":"2026-08-20T18:42:02","modified_gmt":"2026-08-20T18:42:02","slug":"image-sliders","status":"publish","type":"page","link":"https:\/\/demos.canvaswp.com\/classic\/image-sliders\/","title":{"rendered":"Image Sliders"},"content":{"rendered":"
\n

Simple Sliders<\/h3><\/div>

Slide Animation<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Fade Animation<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Vertical Direction<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div><\/div>

Navigation<\/h3><\/div>

Simple<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Offset<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Small Size<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Default Style<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Circle Style<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Solid Style<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Top Position<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Top-Left Position<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Top-Right Position<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Bottom Position<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Bottom-Left Position<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Bottom-Right Position<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div><\/div>

Pagination<\/h3><\/div>

Simple<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Solid<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Square<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Diamond<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Top Position<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Top-Left Position<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Top-Right Position<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Bottom Position<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Bottom-Left Position<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Bottom-Right Position<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div><\/div>

Thumbs<\/h3><\/div>

Simple<\/h4>
\"Slider<\/div>
\"Slider<\/div>
\"Slider<\/div><\/div><\/div><\/div><\/div>

Justified<\/h4>
\"Justified<\/div>
\"Justified<\/div>
\"Justified<\/div>
\"Justified<\/div>
\"Justified<\/div>
\"Justified<\/div><\/div><\/div><\/div>

Note:<\/span> You can also add 3, 4, 5, 6, 8, 10 & 12 Thumbs Grid by adding the grid-*<\/code> class.<\/p><\/div><\/div><\/div><\/div>\n<\/div>\n\n

\n
\n

Explore more Elements<\/h4>\n<\/div>\n\n
<\/i>
Shop<\/h5><\/a><\/div>
<\/i>
Blog<\/h5><\/a><\/div>
<\/i>
Events<\/h5><\/a><\/div>
<\/i>
Contact Forms<\/h5><\/a><\/div>
<\/i>
Modal onLoad<\/h5><\/a><\/div>
<\/i>
Side Panel<\/h5><\/a><\/div>
<\/i>
Animations<\/h5><\/a><\/div>
<\/i>
Buttons<\/h5><\/a><\/div>
<\/i>
Carousel<\/h5><\/a><\/div>
<\/i>
Clients<\/h5><\/a><\/div>
<\/i>
Columns<\/h5><\/a><\/div>
<\/i>
Counters<\/h5><\/a><\/div>
<\/i>
Read MoreElement<\/span><\/h5><\/a><\/div>
<\/i>
Dividers<\/h5><\/a><\/div>
<\/i>
Icon Boxes<\/h5><\/a><\/div>
<\/i>
Gallery<\/h5><\/a><\/div>
<\/i>
Headings<\/h5><\/a><\/div>
<\/i>
Icon Lists<\/h5><\/a><\/div>
<\/i>
Gradients<\/h5><\/a><\/div>
<\/i>
Lightbox<\/h5><\/a><\/div>
<\/i>
Overlays<\/h5><\/a><\/div>
<\/i>
File Uploads<\/h5><\/a><\/div>
<\/i>
Lists & Cards<\/h5><\/a><\/div>
<\/i>
Maps<\/h5><\/a><\/div>
<\/i>
Media Embeds<\/h5><\/a><\/div>
<\/i>
Modal Boxes<\/h5><\/a><\/div>
<\/i>
Notifications<\/h5><\/a><\/div>
<\/i>
Navigations<\/h5><\/a><\/div>
<\/i>
Pagination<\/h5><\/a><\/div>
<\/i>
Progress Bars<\/h5><\/a><\/div>
<\/i>
Shape Dividers<\/h5><\/a><\/div>
<\/i>
Pricing<\/h5><\/a><\/div>
<\/i>
Process Steps<\/h5><\/a><\/div>
<\/i>
Promo Boxes<\/h5><\/a><\/div>
<\/i>
Blockquotes<\/h5><\/a><\/div>
<\/i>
Responsive<\/h5><\/a><\/div>
<\/i>
Sections<\/h5><\/a><\/div>
<\/i>
Social Icons<\/h5><\/a><\/div>
<\/i>
Hover Animations<\/h5><\/a><\/div>
<\/i>
Alerts<\/h5><\/a><\/div>
<\/i>
Styled Icons<\/h5><\/a><\/div>
<\/i>
Tables<\/h5><\/a><\/div>
<\/i>
Tabs<\/h5><\/a><\/div>
<\/i>
Testimonials<\/h5><\/a><\/div>
<\/i>
Thumbnails<\/h5><\/a><\/div>
<\/i>
Toggles<\/h5><\/a><\/div>
<\/i>
Lazy Loading<\/h5><\/a><\/div>
<\/i>
Flip Cards<\/h5><\/a><\/div>
<\/i>
Cascading Images<\/h5><\/a><\/div>
<\/i>
Before\/After<\/h5><\/a><\/div>
<\/i>
Video Facade<\/h5><\/a><\/div>
<\/i>
GDPR<\/h5><\/a><\/div>
<\/i>
Cart Quantity<\/h5><\/a><\/div>
<\/i>
Circle Stack<\/h5><\/a><\/div>
<\/i>
Image Sliders<\/h5><\/a><\/div>
<\/i>
Ticker<\/h5><\/a><\/div>
<\/i>
AJAX Button<\/h5><\/a><\/div>
<\/i>
Conditional<\/h5><\/a><\/div>
<\/i>
Code Highlighter<\/h5><\/a><\/div>
<\/i>
Custom Cursor<\/h5><\/a><\/div>
<\/i>
Hover Parallax<\/h5><\/a><\/div>
<\/i>
Mode Switcher<\/h5><\/a><\/div>
<\/i>
Image Hotspots<\/h5><\/a><\/div>
<\/i>
Filters<\/h5><\/a><\/div>