彩盒刪除幀箭頭導航

此頁面上的工作： 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

彩盒刪除幀箭頭導航

回答

相關問題