Bootstrap Snippet 3d image slider using HTML CSS Bootstrap

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<html>
<head>
    
    <!-- Insert to your webpage before the </head> -->
    <script src="http://uguru-realestate-us-jun202013.businesscatalyst.com/3d-slider/sliderengine/jquery.js"></script>
    <script src="http://uguru-realestate-us-jun202013.businesscatalyst.com/3d-slider/sliderengine/amazingslider.js"></script>
    <script src="http://uguru-realestate-us-jun202013.businesscatalyst.com/3d-slider/sliderengine/initslider-1.js"></script>
    <!-- End of head section HTML codes -->
    
</head>
<body>
        <div class"container">
        <div class"row topspace">
        <div class"col-md-12">
    <!-- Insert to your webpage where you want to display the slider -->
    <div id="amazingslider-1" style="display:block;position:relative;margin:16px auto 56px;">
        <ul class="amazingslider-slides" style="display:none;">
            <li><img src="http://uguru-realestate-us-jun202013.businesscatalyst.com/3d-slider/images/Desktop%20wallpapers%2023%20XopoM_com%20(1).jpg" alt="Picture 1" /></li>
            <li><img src="http://uguru-realestate-us-jun202013.businesscatalyst.com/3d-slider/images/Desktop%20wallpapers%2023%20XopoM_com%20(1).png" alt="Picture 2" /></li>
            <li><img src="http://uguru-realestate-us-jun202013.businesscatalyst.com/3d-slider/images/Desktop%20wallpapers%2023%20XopoM_com%20(2).jpg" alt="Picture 3" /></li>
            <li><img src="http://uguru-realestate-us-jun202013.businesscatalyst.com/3d-slider/images/Desktop%20wallpapers%2023%20XopoM_com%20(3).jpg" alt="Picture 4" /></li>
            <li><img src="http://uguru-realestate-us-jun202013.businesscatalyst.com/3d-slider/images/Desktop%20wallpapers%2023%20XopoM_com%20(4).jpg" alt="Picture 5" /></li>
            <li><img src="http://uguru-realestate-us-jun202013.businesscatalyst.com/3d-slider/images/Desktop%20wallpapers%2023%20XopoM_com%20(5).jpg" alt="Picture 6" /></li>
            
            <li><img src="http://uguru-realestate-us-jun202013.businesscatalyst.com/3d-slider/images/Desktop%20wallpapers%2023%20XopoM_com%20(7).jpg" alt="Picture 8" /></li>
            <li><img src="http://uguru-realestate-us-jun202013.businesscatalyst.com/3d-slider/images/Desktop%20wallpapers%2023%20XopoM_com%20(8).jpg" alt="Picture 9" /></li>
        </ul>
    </div>
    <!-- End of body section HTML codes -->
    </div></div></div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
.topspace{
    margin:100px auto;max-width:805px;
    }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"3d image slider"
Bootstrap 3.3.0 Snippet by asifali

Related: See More

Questions / Comments:

"3d image slider" Bootstrap 3.3.0 Snippet by asifali

Related: See More

Questions / Comments:

"3d image slider"
Bootstrap 3.3.0 Snippet by asifali