2017-03-07 68 views
0

我有這個頁面我編輯(從名爲「外行主題爲」一個WordPress主題):http://mtthsstffn.altervista.org/生成兩個按鈕的div

在這個轉盤,該轉盤滾動的圖像,我需要移動「未來」,「上一頁」可點擊區域稍微超出圖像。我想我想製作兩個隱形的左右分區,它們覆蓋圖像並佔據旋轉木馬的中心到左側和中心到右側區域,並且具有可定義的可變長度。

一個朋友建議添加此

<div id="nav-left" style=" 
    height: 800px; 
    display: block; 
    width: 50%; 
    position: absolute; 
    top: 0; 
    ; 
    pointer-events: left; 
    cursor: move; 
    "></div> 
inside <div class="lay-carousel-wrap immediate"> 

我認爲這可能是對的,但我在哪裏可以找到這些文件,我需要做的呢?

我環顧了整個網站,無法找到帶有此元素的HTML,因此我認爲它是使用PHP自動生成的,但我不知道從哪裏開始。

此外,我想實現這個畫廊(左和右)的箭頭鍵導航。這是關於修改模板,可能有點棘手?

感謝您的幫助!

+0

這很可能將需要一個JavaScript的解決方案,而不僅僅是HTML和CSS一些更。機會是主題使用旋轉木馬庫。你能闡明一下可能是哪一種? – haxxxton

+0

有這個傳送帶是的,一個WordPress的插件與一些JavaScript – WillyGallon

回答

0

轉到style.css文件中plugins/laytheme-carousel/frontend_assets/css/style.css和改變.cursor-left.cursor-right類CSS來獲得期望的輸出

.col .lay-carousel.cursor-left .lay-carousel-slide { 
    cursor: url("../img/cursor_prev.svg"), w-resize; } 

.col .lay-carousel.cursor-right .lay-carousel-slide { 
    cursor: url("../img/cursor_next.svg"), e-resize; }