2017-03-07 15 views
0

나는 내가 ("테마를하다"라는 워드 프레스 테마에서) 편집있어이 페이지가 있습니다 http://mtthsstffn.altervista.org/생성 두 개의 버튼은 div에

이미지를 스크롤이 회전 목마에서, 나는 "다음", "이전"을 이동해야 이미지 바깥 쪽의 클릭 가능한 영역. 저는 이미지를 오버레이하고 컨베이어의 가운데에서 왼쪽 및 중앙에서 오른쪽으로의 영역을 차지하고, 정의 할 수있는 가변 길이로 왼쪽과 오른쪽의 두 개의 보이지 않는 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

기대하세요. 테마는 회전 목마 라이브러리를 사용할 가능성이 있습니다. 어떤 빛을 비출 수 있습니까? – haxxxton

+0

이 회전 목마 예, 일부 자바 스크립트와 함께 wordpress 플러그인입니다 – WillyGallon

답변

0

plugins/laytheme-carousel/frontend_assets/css/style.css 내부 style.css 파일로 이동하여 .cursor-left.cursor-right Class CSS의 변경이 가능성이 자바 스크립트 솔루션을 요구하는 것보다는 HTML, 일부 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; }