Javascript 颜色框移除框架箭头导航

在本页上工作：

找不到删除左下角箭头的位置，但请保持幻灯片正常播放

以下是我认为我/你应该看到的：

(function ($, window) {

var
// ColorBox Default Settings.   
// See http://colorpowered.com/colorbox for details.
defaults = {
    transition: "elastic",
    speed: 350,
    width: false,
    initialWidth: "662",
    innerWidth: false,
    maxWidth: false,
    height: false,
    initialHeight: "600",
    innerHeight: false,
    maxHeight: false,
    scalePhotos: true,
    scrolling: false,
    inline: false,
    html: false,
    iframe: false,
    photo: false,
    href: false,
    title: false,
    rel: false,
    opacity: 0.6,
    preloading: true,
    current: "image {current} of {total}",
    previous: "previous",
    next: "next",
    close: "close",
    open: false,
    loop: true,
    slideshow: true,
    slideshowAuto: true,
    slideshowSpeed: 3000,
    slideshowStart: "Play",
    slideshowStop: "Pause",
    onOpen: false,
    onLoad: false,
    onComplete: false,
    onCleanup: false,
    onClosed: false,
    overlayClose: true,     
    escKey: true,
    arrowKey: false
},

---

感谢您的帮助

选项中似乎没有任何东西可以帮助您。您要么修改插件源代码，要么找到对应于箭头的元素并用JavaScript或CSS隐藏它们

使用Chrome进行检查时，看起来这两个箭头键的ID分别为

cboxNext

和

cboxPrevious

在lightbox加载后，请尝试以下操作：

$("#cboxPrevious").hide();
$("#cboxNext").hide();

或添加到CSS中：

#cboxPrevious, #cboxNext{
    display: none;
}

---

在选项中似乎没有任何东西可以帮助你。您要么修改插件源代码，要么找到对应于箭头的元素并用JavaScript或CSS隐藏它们

使用Chrome进行检查时，看起来这两个箭头键的ID分别为

cboxNext

和

cboxPrevious

在lightbox加载后，请尝试以下操作：

$("#cboxPrevious").hide();
$("#cboxNext").hide();

或添加到CSS中：

#cboxPrevious, #cboxNext{
    display: none;
}

---

你真的可以做到

在包含colorbox.js和colorbox.css之后，必须对其进行初始化。如果你像下面这样做，你可以有3个单独的选择

<script language="javascript">
$(document).ready(function(){
$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
$(".photo").colorbox({photo:true, slideshow:false, previous:false, next:false, arrowkey:false, loop:false});
$(".group1").colorbox({rel:'group1', slideshow:true});
});
</script>

$（文档）.ready（函数（）{
$（“.iframe”）.colorbox（{iframe:true，宽度：“80%”，高度：“80%”）；
$（“.photo”）.colorbox（{photo:true，slideshow:false，previous:false，next:false，arrowkey:false，loop:false}）；
$（“.group1”）.colorbox（{rel:'group1'，slideshow:true}）；
});

class=“iframe”可以触发外部页面

class=“photo”可以显示没有箭头的单个照片，但只需关闭按钮

class=“group1”将显示库和库的所有控件

请注意，只有group1包含rel:group1

其他两个是类，例如iframe和photo，它们由iframe>true和photo>true调用，而不是由rel>group1调用的group1

注意代码，你就会知道

<a href="page.html" class="iframe">Go to page</a>
<a href="big-photo.jpg" class="photo"><img src="image.jpg"></a>
<a href="groups-of-photo-photo-1.jpg" rel="group1"><img src="image1.jpg"></a>

---

您实际上可以做到这一点

在包含colorbox.js和colorbox.css之后，必须对其进行初始化。如果你像下面这样做，你可以有3个单独的选择

<script language="javascript">
$(document).ready(function(){
$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
$(".photo").colorbox({photo:true, slideshow:false, previous:false, next:false, arrowkey:false, loop:false});
$(".group1").colorbox({rel:'group1', slideshow:true});
});
</script>

$（文档）.ready（函数（）{
$（“.iframe”）.colorbox（{iframe:true，宽度：“80%”，高度：“80%”）；
$（“.photo”）.colorbox（{photo:true，slideshow:false，previous:false，next:false，arrowkey:false，loop:false}）；
$（“.group1”）.colorbox（{rel:'group1'，slideshow:true}）；
});

class=“iframe”可以触发外部页面

class=“photo”可以显示没有箭头的单个照片，但只需关闭按钮

class=“group1”将显示库和库的所有控件

请注意，只有group1包含rel:group1

其他两个是类，例如iframe和photo，它们由iframe>true和photo>true调用，而不是由rel>group1调用的group1

注意代码，你就会知道

<a href="page.html" class="iframe">Go to page</a>
<a href="big-photo.jpg" class="photo"><img src="image.jpg"></a>
<a href="groups-of-photo-photo-1.jpg" rel="group1"><img src="image1.jpg"></a>

---

最好是将配置选项

rel

设置为false

rel

是一个用于对相关的colorbox实例进行分组的函数

    $(".target").colorbox({rel: false});

---

最好是将配置选项

rel

设置为false

rel

是一个用于对相关的colorbox实例进行分组的函数

    $(".target").colorbox({rel: false});

---

禁用导航链接的最简单方法是不在HTML元素中定义

rel

属性并使用类选择器。例如：

HTML:

<a href="photo-1.php" class="js-colorbox">
<a href="photo-2.php" class="js-colorbox">

$(".js-colorbox").colorbox({iframe:true});

---

---

通过定义

rel

属性，colorbox将尝试查找所有相关的元素（具有相同

rel

值的元素）禁用导航链接的最简单方法是不在HTML元素中定义

rel

属性并使用类选择器。例如：

HTML:

<a href="photo-1.php" class="js-colorbox">
<a href="photo-2.php" class="js-colorbox">

$(".js-colorbox").colorbox({iframe:true});

---

---

通过定义

rel

属性，colorbox将尝试查找所有相关的元素（具有相同

rel

值的元素），并在其中创建导航。

完美，先生。我只是想找到图像，像一个代码懒鬼一样把它涂白，该死的东西也能用。令人敬畏。谢谢我补充道！展示后重要提示：不完美，长官。我只是想找到图像，像一个代码懒鬼一样把它涂白，该死的东西也能用。令人敬畏。谢谢我补充道！显示后重要信息：无