New Carousel ? (New MDB?)

Topic: New Carousel ? (New MDB?)

AlexPEREIRA free asked 6 years ago

Hi, I use a basic examples of your carousel with item class but now i didn't work and i see class changes (item -> carousel-item) And this carousel don't switch on click.


<div id="carousel1" class="carousel slide carousel-fade" data-interval="false" data-pause="hover" data-keyboard="true">

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">

                        <!-- First slide -->
                        <div class="item active">
                            <div class="view overlay hm-blue-slight">
                                <a><img src="http://mdbootstrap.com/images/slides/slide%20(7).jpg" class="img-responsive" alt="slide1">
                                    <div class="mask waves-effect waves-light"></div>
                                </a>
                                <div class="carousel-caption">
                                    <div class="carousel-content">
                                        <h5>Lorem ipsum dolor sit amet</h5>
                                        <a href="#" class="btn-secondary">Call to action</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /.item -->

                        <!-- Second slide -->
                        <div class="item">
                            <div class="view overlay hm-blue-slight">
                                <a><img src="http://wowslider.com/sliders/demo-5/data/images/sur.jpg" class="img-responsive" alt="slide2">
                                    <div class="mask waves-effect waves-light"></div>
                                </a>
                                <div class="carousel-caption">
                                    <div class="carousel-content">
                                        <h5>Lorem ipsum dolor sit amet</h5>
                                        <a href="#" class="btn-secondary">Call to action</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /.item -->

                        <!-- Third slide -->
                        <div class="item">
                            <div class="view overlay hm-blue-slight">
                                <a><img src="http://mdbootstrap.com/images/slides/slide%20(2).jpg" class="img-responsive" alt="slide3">
                                    <div class="mask waves-effect waves-light"></div>
                                </a>
                                <div class="carousel-caption">
                                    <div class="carousel-content">
                                        <h5>Lorem ipsum dolor sit amet</h5>
                                        <a href="#" class="btn-secondary">Call to action</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /.item -->

                    </div>
                    <!-- /.carousel-inner -->

                    <!-- Controls -->
                    <a class="left carousel-control new-control" href="#carousel1" role="button" data-slide="prev">
                        <span class="fa fa fa-angle-left waves-effect waves-light"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control new-control" href="#carousel1" role="button" data-slide="next">
                        <span class="fa fa fa-angle-right waves-effect waves-light"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                </div>

Add comment

Michal Szymanski staff answered 6 years ago

0 0 Best answer

Hi, this week we launched MDB4 (for Bootstrap 4) and this is Carousel for the new version. Old documentation for MDB3 you can find here: http://mdbootstrap.com/mdb3/ If you want to upgrade to 4 take a look here: http://mdbootstrap.com/getting-started/

Ram Meena free commented 5 years ago

I am using some old version of MDB Pro , I am anable to change the animation of carousel only fade effect is working i want to transition effect like normal bootstrap what should i do

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue

User: Free
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

AlexPEREIRA

0Support score
2Questions 0Answers 0Snippets