0
A
回答
0
當試圖設置寬度和高度爲的fancybox的「圖像」類型,這個工作對我來說:
jQuery(".fancybox").fancybox({
arrows : true,
autoSize: false,
fitToView: false,
afterLoad: function(){
this.width = 960;
this.height = 540;
}
}
});
如果你改變960 540爲你需要的任何值,或者你也可以在函數中做一個javascript計算。如果您想爲特定圖片運行代碼,則可以檢查ID或當前元素的其他屬性。例如,如果這是你的HTML:
<div class="photo-block fancybox" id="image1" data-fancybox-group="group" href="/image.jpg" title="Image description to show">
<div class="photo-block-img"><img src="/image.jpg"/></div>
<div class="photo-block-text">Some text that shows in here</div></div><div class="photo-block fancybox" id="image2" data-fancybox-group="group" href="/image.jpg" title="Image description to show">
<div class="photo-block-img"><img src="/image.jpg"/></div>
<div class="photo-block-text">Some text that shows in here</div>
然後,你可以執行如下命令僅此申請ID「圖像2」,後負荷函數內部:
if($(this.element).attr('id') == 'image2'){
this.width=960;
this.height=540;
}
我不得不使用「afterLoad」而不是「beforeLoad」,正如我在「iframe」類型的答案中看到的那樣。 beforeLoad對圖像類型沒有任何影響,但是在負載工作之後。
相關問題
- 1. 如何設置位圖的圖像高度和寬度屬性
- 2. 圖像集寬度HTML中的高度屬性,CSS中的設置寬度100%
- 3. viewBox屬性與SVG的高度和寬度屬性設置
- 4. 如何設置asp.net圖像控件的寬度和高度屬性
- 5. CSS如何設置圖像而不設置寬度和高度
- 6. fancybox:更改高度和寬度屬性後
- 7. fancybox內fancybox設置高度
- 8. 重置圖像的寬度和高度設置通過css
- 9. 如何正確設置寬度和AMP-IMG的高度屬性
- 10. 獲取沒有設置高度/寬度的圖像的高度/寬度
- 11. HTML圖像的寬度和高度屬性
- 12. ckeditor-ckfinder上傳圖像的默認屬性(寬度和高度)
- 13. 從圖像發送高度和寬度到fancybox點擊
- 14. 設置img src屬性時寬度和高度不會改變
- 15. UserControls的高度和寬度屬性
- 16. 如何從圖像標籤獲取寬度和高度屬性?
- 17. Parsedown設置圖像的寬度和高度
- 18. 防止將圖像的高度和寬度設置爲1
- 19. 如何設置標記包含圖像的寬度和高度
- 20. 設置所需的圖像高度和寬度
- 21. 如何設置在J2ME(Java)的圖像高度和寬度
- 22. 如何設置圖像的寬度和高度在vb.net
- 23. 將div設置爲子圖像的寬度和高度?
- 24. SpreadSheetAddImage - 添加設置寬度和高度的圖像
- 25. 通過WPF樣式設置圖像的寬度和高度
- 26. 圖像屬性高度/寬度auto會導致性能呈現?
- 27. 如何設置寬度和高度圖像C#
- 28. 圖像處理寬度和高度設置
- 29. 如何使用CSS設置圖像寬度和高度100%?
- 30. 根據圖像動態設置畫布寬度和高度
可能使用[使用fancybox集高度和寬度]重複(http://stackoverflow.com/questions/11306587/using-fancybox-set-height-and-width) – Mimouni
它不是重複的,那另一個問題是關於iframe類型使用fancybox,這一個是關於圖像類型。 iframe類型的解決方案對我無效。 – Vero