need fadeout carousel

General questions relating to Joomla! 3.x.

Moderators: General Support Moderators, General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 243
Joined: Sat Nov 17, 2018 1:52 pm

need fadeout carousel

Post by shaibustephen » Sun Jul 21, 2019 11:34 pm

How do I turn below bootstrap carousel slider to fadeout format>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="..." alt="First slide">
<div class="carousel-item">
<img class="d-block w-100" src="..." alt="Second slide">
<div class="carousel-item">
<img class="d-block w-100" src="..." alt="Third slide">
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>

User avatar
Joomla! Explorer
Joomla! Explorer
Posts: 303
Joined: Sat Oct 30, 2010 12:32 pm
Location: Scotland

Re: need fadeout carousel

Post by paulala » Mon Jul 22, 2019 7:10 pm

Warm Regards,
Paula Livingstone, Skydiving Instructor and Network Security Consultant


Return to “General Questions/New to Joomla! 3.x”