ocertat/Kingsborough-LibGuide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first working gallery

Browse Source
This commit is contained in:
Mark Eaton
2021-02-02 23:59:00 -05:00
parent ab6a697be4
commit f2f2cde5bf
2 changed files with 34 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
groups/new-homepage-3/homepage3-js-css.html
+6 -16
View File
@@ -70,24 +70,14 @@
} }
/* style the gallery */ /* style the gallery */
.gallery-div { .s-lib-public-side-header {
background-color: #bbb; display: none;
height: 300px;
} }
.gallery-text { img {
text-align: center; border: solid black 3px;
padding-top: 100px; max-height: 350px !important;
} margin: auto;
.chevron-left {
margin-right: 80px;
font-weight: bold;
}
.chevron-right {
margin-left: 80px;
font-weight: bold;
} }
/* style the hours div */ /* style the hours div */
groups/new-homepage-3/homepage3-template.html
+26 -6
View File
@@ -147,12 +147,32 @@
<span class="panel-title content-panel-title">Gallery</span> <span class="panel-title content-panel-title">Gallery</span>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<div class="gallery-div"> <!-- Gallery -->
<div class="gallery-text"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<h2><span class="chevron-left"><</span>Gallery goes here<span class="chevron-right">></span></h2> <!-- Wrapper for slides -->
</div> <div class="carousel-inner" role="listbox"">
</div> <div class="item active">
</div> <img src="https://libapps.s3.amazonaws.com/accounts/16298/images/44.65_SL1.jpg" />
</div>
<div class="item">
<img src="https://libapps.s3.amazonaws.com/accounts/16298/images/Breton.jpg" />
</div>
<div class="item">
<img src="https://libapps.s3.amazonaws.com/accounts/16298/images/image4__1_.jpeg" />
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!-- end of gallery -->
</div> </div>
</div> </div>
</div> </div>