彩盒删除帧箭头导航

此页面上的工作： newsite.702wedding.com/live/彩盒删除帧箭头导航

找不到在哪里左下角去除箭头，但保持运行幻灯片明显。

这是我觉得我/ YouToo应该看：

(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 
},

感谢您帮助

来源

2011-03-04 Varazi

似乎有没有在，可以帮助你选择什么。您将不得不修改插件源代码或找到与箭头对应的元素并使用JavaScript或CSS隐藏它们。

使用Chrome进行检查时，它看起来像2个箭头键的ID为cboxNext和cboxPrevious。

尝试以下灯箱加载后：

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

或添加到您的CSS：

#cboxPrevious, #cboxNext{ 
    display: none; 
}

来源

2011-03-04 20:43:31 zdyn

完美，ty先生。我只是想找到这个图像，像一个代码懒散的人一样把它弄出来，这些东西仍然会工作。 Aweful。谢谢！ – Varazi 2011-03-04 21:16:51

@Varazi，我的荣幸:) – zdyn 2011-03-04 21:38:03

我加了！显示后很重要：无 – GRboss 2015-01-08 13:20:55

实际上，你可以做到这一点。

包含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>

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

类=“照片”可以显示没有箭头单张照片只是关闭按钮

类=“1组”将显示画廊和画廊所有控件。

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

其他两个是例如类别iframe和照片，并且它们通过IFRAME>真实照片>真实的，而不是1组由相对> 1组

注重在代码中调用，你就会知道

<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>

来源

2013-12-07 11:19:16 javed

最好是刚刚成立所谓的配置选项rel为false。 rel是用于分组相关的colorbox实例的函数。

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

来源

2014-06-19 12:14:16 okyanet

停用导航链接的最简单方法是通过不限定在HTML元素的rel属性并使用类选择。例如：

HTML：

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

的Javascript：

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

通过定义rel属性，颜色框将尝试找到所有相关的元素（具有相同rel值的元素）并通过它们创建导航。

来源

2015-04-27 00:48:30

彩盒删除帧箭头导航

回答

相关问题