cost 177 ms
CSS:flexbox 按比例縮放其內容直到它們適合,而不會溢出的畫廊?

[英]CSS: flexbox gallery that proportionally scales its contents until they fit, without overflowing?

我正在嘗試制作一個 16:9 圖像的畫廊,這些圖像限制其容器的寬度和高度。 它們應該自動包裝成最適合縮放它們的行或列。 我知道如何通過 JS 執行此操作,但如果可能的話,我寧願選擇 CSS 解決方案。 /* vvv For demonstration purposes vvv */ body { ...

React.js 圖片庫顯示相同的圖片

[英]React.js Image Gallery showing the same image

我有這個畫廊,在按下箭頭下一個和上一個“按鈕”時,圖像會發生變化,而當我在屏幕上顯示一個圖像時,當我嘗試顯示多個圖像時,這會起作用,圖像會不斷重復。 任何人都可以建議一種方法,以便在單擊下一個/上一個時不會在所有三個標簽上顯示相同的圖像嗎? ...

Position 頁面指示器點在圖形標題上方,如果圖形標題不存在則為底部邊緣

[英]Position page indicator dots above figcaption, or bottom edge if figcaption is not present

我正在使用這個 Wordpress 插件 (WP Slider)來創建輪播/滑塊作為古騰堡塊——特別是圖庫滑塊。 為了促進這一點,我有一個WP Swiper塊,並且在每個幻燈片選項卡中都有一個圖像塊。 總的來說它工作得很好,但我希望對布局進行一些調整。 我想將頁面指示點放在圖像底部邊緣的正上方。 在 ...

如何使用 h2 正確顯示我的圖片庫

[英]How can i display correctly my image-gallery using h2

所以我正在處理一個圖像庫,可以垂直滾動,圖像居中且等距,當鼠標經過 hover 時,圖像會放大並顯示標題。 為了讓它工作,我使用了 與 但是當我把它們放在一起時,h2 只是並排倒塌。 這就是我想要的樣子 但這就是我現在得到的 我現在的代碼是這個 HTML: CSS: 我不知道該怎么做或我做錯了什么 ...

Alpine js,鼠標懸停顯示文本,無跳轉內容

[英]Alpine js, mouseover to show text, no jumping content

我在 CodePen 上做了一個例子 - CodePen 我希望圖像在 hover 上用鼠標消失,並出現一個帶有文本的塊。 我的問題是,如果我想保留文本,我不明白如何刪除跳轉。 現在我的布局出現令人不快的跳躍,這是由 display: none; 引起的。 我想添加平滑的過渡。 為了重用,我將代碼移 ...

無法讓 JS 在模態圖片庫上工作

[英]Can't get JS to work on modal image gallery

我已經嘗試了六種不同的方法來完成這項工作,但都沒有成功,我開始感到非常沮喪。 我知道這絕對是新手,但我不在乎。 我正在嘗試制作一個帶有模態圖像的藝術畫廊,並且我已經嚴格按照本教程進行操作,實際上只是切換了實際的圖像文件/路徑,但它不起作用。 圖像顯示良好,樣式也很好,當我將鼠標懸停在它們上方時它們會 ...

通過 fancybox 預覽打開的圖庫

[英]Image gallery that is opened via a preview with fancybox

我想創建一個圖片庫,它通過預覽打開並鏈接到圖像所在的另一個頁面。 像這個https://fancyapps.com/playground/XU 。 但鏈接必須調出並打開位於另一頁的圖片庫。 我嘗試使用 ajax 但我不能。 誰能幫我? ...

僅當具有元字段時才顯示 ACF 庫中的圖像

[英]Display image from ACF gallery only if it has meta field

我有一個 ACF 圖像庫,並為名為“featured_image”的圖像附件設置了一個真/假 (1/0) 自定義字段。 在圖庫中,有幾張圖像被選為特色圖像,而其他圖像則沒有。 我想要實現的是隨機 select 具有“featured_image”自定義字段為真的圖像之一。 到目前為止,我的代碼包含在 ...

Android 如何從圖庫中刪除圖像

[英]Android how to remove image from gallery

我從手機中獲取了畫廊中所有圖像的數據。 但是當我想要刪除一個選定的圖像並且無法刪除圖像時。 如何使用 java 或 kotlin 刪除圖庫中的圖像? 對不起,我的英語很糟糕。 我從圖庫中獲取所有圖像的代碼: 和刪除圖像的代碼: 但是刪除 function 返回 false 並且仍然無法從圖庫中刪除圖 ...

Android 如何從我的設備手機中的圖庫中刪除圖像

[英]Android how to delete image from gallery in my device phone

我希望用戶單擊操作刪除圖像,圖像將在圖庫中刪除。 如何從我的手機中刪除圖庫中的圖像。 我已經嘗試了此鏈接 stackoverflow 中的所有代碼,但仍然無法從我的設備手機android 中刪除圖庫中的圖像:刪除圖像如何從 Android 中的圖庫中刪除文件? 如何以編程方式從 Android 中 ...

是否可以使用 org 模式發布圖片庫?

[英]Is it possible to use org mode to publish an image gallery?

根據org 模式發布教程,尚不清楚這是否可能,甚至是否受支持。 此外,沒有一個示例個人網站將多個圖像作為典型博客設置的一部分。 在此先感謝您的時間! * 注意:圖片庫有時被稱為圖片輪播,具體取決於來源 ...

通過單擊按鈕將英雄圖像滑出屏幕?

[英]Sliding hero image off-screen with a button click?

我正在創建一個投資組合網站,該網站在英雄圖像下方有一個可過濾的無限牆畫廊,當您單擊時,該圖像會向右滑動(再次單擊時會滑回屏幕上)。 我遇到了麻煩,讓這個滑動圖像正常工作。 照片庫將是另一天的頭痛。 左側會有一個小的右箭頭按鈕。 為了讓這個 slider 更明顯,我想在你 hover 在這個圖像上時 ...

Android - Recycler查看有關圖像選擇的圖片庫 放大 animation

[英]Android - RecyclerView image gallery on image selection zoom in animation

想要 animation 示例 GIF 我有一個用 RecyclerView 制作的類似圖片庫。 我想復制這個圖像選擇 animation 它從 position 開始縮放到屏幕中心我不確定如何執行此 animation。 I thought about creating a copy in t ...

Ajax、JQuery 和 JavaScript - 圖片未加載//顯示

[英]Ajax, JQuery & JavaScript - Pictures Not Loading//Showing

我正在嘗試使用 Javascript 中的 Ajax 和 JQuery 創建照片庫。 我在 VSC 中創建了一個名為“images”的文件夾,里面有我選擇的 5 張圖片。 不幸的是,一旦我單擊“下一個”和“上一個”按鈕,圖像就不會顯示。 在控制台中,它說照片未定義。 關於如何解決這個問題的任何想法? ...

JS 圖片庫僅更改為最后一張圖片

[英]JS Image Gallery Only Changes to Last Image

我正在構建一個香草 JS 圖像庫。 超級簡單的東西。 到目前為止,我已經能夠通過單擊下面的其中一個縮略圖來更改主顯示圖像,但是它會更改為縮略圖的第四個(也是最后一個)圖像並保持不變。 我正在嘗試使用數據集來存儲每個縮略圖的 URL 並在以后訪問它。 我最好的猜測是我的 for 循環縮略圖圖像有問 ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM