删除fancybox下载和共享图标

如何解决删除fancybox下载和共享图标

我也试过这个。 $('[data-fancybox]').fancybox({ 纽扣： [ '分享'， '全屏'， '关' ] }) $('[data-fancybox="gallery"]').fancybox({ // 选项会在这里 }); 还试过： // 什么按钮应该出现在右上角。 // 按钮将使用 btnTpl 选项中的模板创建 // 它们将被放入工具栏（class="fancybox-toolbar"` 元素）纽扣： [ “飞涨”， //“分享”， "幻灯片",//“全屏”， //“下载”， "拇指",“关” ],
<head>
<Meta charset="utf-8">
<Meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<Meta name="description" content="">
<Meta name="author" content="Mark otto,Jacob Thornton,and Bootstrap contributors">
<Meta name="generator" content="Jekyll v4.1.1">
<title>Jumbotron Template · Bootstrap</title>
<link rel="canonical" href="https://getbootstrap.com/docs/4.5/examples/jumbotron/">
<!-- Bootstrap core CSS -->
<link href="/bootstrap-4.5.3/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="/fancybox-master/FB-3.2_files/jquery.css" rel="stylesheet prefetch" type="text/css">
<style>
body,html {
background-color: #f7f7f7;
}
    
body {
font-size: 16px;
font-family: 'Lato',sans-serif;
margin: 0;
}

h2,h3 {
font-family: 'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight: 700;
font-size: 20px;
}

.fancybox-slide > div > h2:first-child {
margin-top: 10px;
}

h3 {
font-size: 21px;
}

code {
background: #eee;
padding: 0 5px;
font-family: Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

iframe {
border: 1px solid #ccc;
width: 80vw;
height: calc(100vh - 100px);
}

a {
color: #FF6666;
cursor: pointer;
}

a[href$=jpg],a[href$=jpeg],a[href$=jpe],a[href$=png],a[href$=gif] {
text-decoration: none;
border: 0 none;
}

a img {
vertical-align: top;
}



.imglist img {
/*height: 130px;*/
margin-bottom: 4px;
}

.tright {
text-align: right;
}

.tright .btn {
margin-left: 10px;
}

.hidden {
display: none;
}

.grid {
float: left;
width: 30%;
padding: 20px;
background: #eee;
margin: 0 20px 20px 0;
}

</style> 
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
.h3a {
color: #000000;
background: #F7F7F7;
font-family: Gotham,"Helvetica Neue",sans-serif;
font-size: 16px;
font-weight: normal;
position: static;
padding-left: 0px;
padding-top: 0px;
margin-top: 10px;
margin-right: 10px;
margin-left: 15px;
margin-bottom: 10px;
padding-bottom: 0px;
width: 95%;
}
.h3b {
color: #000000;
background: #F7F7F7;
font-family: Gotham,sans-serif;
font-size: 16px;
font-weight: normal;
position: static;
padding-left: 0px;
padding-top: 0px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
padding-bottom: 0px;
width: 100%;
}
.container2 {
max-width: 1140px;
width: 100%;
margin-right: auto;
margin-left: auto;
margin-bottom: 0rem;
text-align: left;
}/* Make the image fully responsive */
.carousel-inner img {
width: 100%;
height: 100%;
}
.par {
padding-left: -16px;
padding-right: -16px;
}   
</style>
<!-- Custom styles for this template -->
<link href="bootstrap-4.5.3-examples/jumbotron/jumbotron.css" rel="stylesheet">
<script type="text/javascript">
function MM_setTextOfLayer(objId,x,newText) { //v9.0
with (document) if (getElementById && ((obj=getElementById(objId))!=null))
with (obj) innerHTML = unescape(newText);
}
function MM_changeProp(objId,theProp,theValue) { //v9.0
var obj = null; with (document){ if (getElementById)
obj = getElementById(objId); }
if (obj){
if (theValue == true || theValue == false)
eval("obj.style."+theProp+"="+theValue);
else eval("obj.style."+theProp+"='"+theValue+"'");
}
}
</script>
      
</head>

<!-- /container Home-->
<div class="container" id="fancybox-00">
  <div class="container" style="width: inherit">
    <div class="h3b">Miscellaneous Image gallery</div>
      </div>
<!-- /fancybox gallery -->
<div class="row" align="center">
<div class="col-md-8 col-xl-12" style="width: inherit">
<p class="imglist">
<a href="/Image21/NAfton/603Q-C05-00140_R3.jpg" data-fancybox="Home" data-caption="My caption">
<img src="/Image21/NAfton/thumb/t603Q-C05-00140_R3.jpg" alt="mine01">
</a>

<a href="/Image21/NAfton/603Q-C05-00142_R3.jpg" data-fancybox="Home" data-caption="My caption">
<img src="/Image21/NAfton/thumb/t603Q-C05-00142_R3.jpg" alt="mine02">
</a>

<a href="/Image21/NAfton/603Q-C05-00143_R1.jpg" data-fancybox="Home" data-caption="My caption">
<img src="/Image21/NAfton/thumb/t603Q-C05-00143_R1.jpg" alt="mine03">
</a>

<a href="/Image21/NAfton/603Q-C05-00146_R1.jpg" data-fancybox="Home" data-caption="My caption">
<img src="/Image21/NAfton/thumb/t603Q-C05-00146_R1.jpg" alt="mine04">
</a>
<div style="display: none;">
<a href="/Image21/NAfton/603Q-C05-00179.jpg" data-fancybox="Home" data-caption="My caption">
<img src="/Image21/NAfton/thumb/t603Q-C05-00179.jpg" alt="mine05">
</a>

<a href="https://farm4.staticflickr.com/3953/15594397982_477385f90d_b_d.jpg" 
data-fancybox="Home" data-caption="My caption">
<img src="fancybox-master/FB-3.2_files/15594397982_477385f90d_m_d.jpg" alt="mine06">
</a>
</div>
</p>
<hr class="new1" style="padding-bottom: 10px">
</div>  
</div>
</div>

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" crossorigin="anonymous"></script>
<script src="/bootstrap-4.5.3-examples/assets/dist/js/bootstrap.bundle.min.js"></script>
<script src="/fancybox-master/FB-3.2_files/jquery_002.js"></script>
<script src="/fancybox-master/FB-3.2_files/jquery.js"></script>

 

<script>
$("select").change(function() {
var opt = $(this).attr("name");
var val = $(this).val();        
$.fancybox.defaults[ opt ] = val === "" ? false : val;
    
// Make "fade" transiton faster than others
if ( opt === 'transitionEffect' ) {
$.fancybox.defaults[ 'transitionDuration' ] = opt === 'fade' ? 330 : 550;
  
}
});

$("input[type=radio][name=lang]").on("change",function() {
$.fancybox.defaults.lang = $(this).val();
});

$("input[type=checkBox]").change(function() {
$.fancybox.defaults[this.id] = this.checked ? true : false;
});
//# sourceURL=pen.js

$('[data-fancybox]').fancybox({
loop : true
});
</script>
</body>
</html>