2013-10-07 34 views
10

我把放大彈出到我的網站,以在圖庫中顯示圖像。我喜歡這個工具,除了一件事。圖像變化的箭頭顯示在屏幕的兩側,當你有大屏幕的大分辨率時,有點不切實際。所以我想問問是否有可能移動圖像中的箭頭,因爲它對許多其他圖像查看器(如lightbox等)很常見。放大彈出 - 將箭頭放在圖像內

預先感謝您。

+0

爲什麼我低調? –

+1

我向你投了贊。這絕對是一個合理的問題,答案對我有幫助。 – Petras

+0

Upvoted以及。這真的很有幫助。謝謝。 –

回答

13

你可能只是重新附加容器內的箭頭,我這裏是http://codepen.io/dimsemenov/pen/JGjHK

+1

任何想法如何在物品是內聯物品而不是圖像時完成此操作。鍵入:'inline', 不能與代碼筆示例一起使用 - 謝謝 – raison

0

@raison,這應該與類型內嵌/ IFRAME工作:

callbacks: { 
    buildControls: function() { 
     // re-appends controls inside the main container 
     this.arrowLeft.appendTo(this.contentContainer); 
     this.arrowRight.appendTo(this.contentContainer); 
    } 
} 
+0

同時,next和previous變得不可用。 – bentinata

1

構建多個畫廊,當我有一個問題從數據庫。一個畫廊包含一個獨特的圖片和回調:this.contentContainer.append(this.arrowLeft.add(this.arrowRight));

這個畫面就不會顯示(你上this.arrowLeft未定義或爲空的錯誤)

(嘗試在codepen例子,只是刪除了第二張圖片從DOM.You'll看到剩餘圖像不能被打開)

爲了解決這個問題,我使用的以下回調代替:

this.contentContainer.append(this.arrowLeft,this.arrowRight);