php
  • jquery
  • image
  • button
  • 2012-09-29 3 views 0 likes 
    0

    "prev"및 "next"를 아래 코드의 이미지 (previous.png 및 next.png)로 바꾸려면 정확한 구문을 모르겠습니다. 어떤 아이디어?텍스트 대신 이미지를 삽입하십시오.

    if ($arrOptions['_slider_controls']){ 
          $output .= '<div class="thethe-image-slider-controls-prev thethe-previous thethe-image-slider-controls" id="thethe_image_slider'.$oPost->ID.'-previous"></div> 
            <div class="thethe-image-slider-controls-pause thethe-image-slider-controls thethe-'; 
          $output .=$arrOptions['_slider_autoplay'] ? 'pause' : 'play'; 
          $output .='" id="thethe_image_slider'.$oPost->ID.'-pause"></div> 
            <div class="thethe-image-slider-controls-next thethe-image-slider-controls thethe-next" id="thethe_image_slider'.$oPost->ID.'-next"></div>'; 
         } 
    

    중요하면 Wordpress에 TheTHe Image Slider을 사용하고 있습니다.

    +1

    난 정말 당신이 대체하려고하는 것을 이해하지만,'로 이전을 교체하지 않는'와'' –

    +0

    @IonutHulub와 다음 나는 변화를 시도했다''버튼과 -next''대체 제거되었지만 교체 버튼이 표시되지 않습니다. 나는 또한 '', 같은 결과를 시도했다. 어떤 아이디어? – AMC

    답변

    1

    나는 당신이하고 싶은 것을 이해한다고 생각합니다. 이미지 슬라이더는 Prev 및 Next 컨트롤을 즉시 삽입 할 가능성이 큽니다. 텍스트가 아니거나 이미 이미지 일 수도 있습니다. 당신이 작동하는 데모에 대한 링크가있는 경우가보고 쉬울 것 그러나 나는 다음을 수행 할 것입니다 : 그들은 이미지 경우

    1. 가 이전 및 다음 텍스트로 표시되고 있는지 확인 나. Chrome 개발자 도구와 같은 것을 사용하여 페이지의 구조를 확인하면 그 사실을 알 수 있습니다. 이미 이미지 일 수있는 이유는 두통없이 특정 글꼴을 사용할 수 있기 때문입니다.

    2. 이미지 인 경우 이미지 원본을 찾으십시오. 플러그인의 CSS에 있다면이 플러그인을 변경할 수 있습니다. 이미지 파일을 HTML에 삽입하는 경우 이미지 파일을 자신의 것으로 덮어 쓸 수 있으며 동일한 이름을 지정하면됩니다.

    3. 실제로 텍스트 일 ​​경우 슬라이더 플러그인 파일을보고 삽입 된 위치를 찾을 수 있습니다. CTRL + F를 "prev"또는 "next"로 설정하면 속도를 높일 수 있습니다. 이미지를 삽입하려면주의해서 인스턴스를 변경하십시오.

    는 다음 슬라이더 플러그인 파일을 편집 할 경우 혹시 새로운 버전이 그래서 당신은 미래에 도움이 될 것입니다 변경 사항에 대한 메모를 저장하기에 플러그인을 업데이트하면 변경 사항이 아마 사라질 것이라고 경고합니다.

    편집 : 데모에서 사람의 없음 단어가 다음/이전 사용하지 않는,하지만 그들은 배경 이미지를 사용했다 : 당신이 해당 파일을 찾을 경우 http://thethefly.com/wp-content/plugins/thethe-image-slider/style/skins/frame-black/buttons.png 을 당신 자신으로 덮어 할 수 있어야한다 설치 . 하지만 더 나은 것은 마치 플러그인이 skinnable 인 것처럼 보입니다. 어떻게 정보를 볼 수는 없지만 파일을보고 편집 할 수있는 스킨/테마/구성 파일이 있는지 확인하십시오. 또한 CSS 파일이있는 경우 편집 파일을 CSS 파일과 함께 찾습니다.

    다시 편집 : 방금 다시 귀하의 의견을 읽고 귀하의 것이 다를 수도 있습니다. 당신은 그들의 주제에 접근 할 수 있습니까? 기본적으로 이미지를 사용하는 경우 이미지 수정 중 하나를 수정하는 것이 더 쉽습니다. 또한 크롬 브라우저를 마우스 오른쪽 버튼으로 클릭하고 "요소 검사"를 선택하면 정확한 결과를 확인할 수 있습니다. 다른 브라우저를 사용하면 다른 브라우저에서도 비슷한 기능을 수행 할 수 있습니다.

    +0

    여기에 라이브 데모가 있습니다. http://thethefly.com/2201/blog/news/thethe-image-slider-live-demo/ 내 초기 생각에는 버튼이 이미지이지만 이미지 폴더를 통해 보았을 때, 나는 아무것도 보지 못했다. 내 생각에, 흰색 배경은 실제로 이미지이지만 버튼의 "이전"및 "다음"은 텍스트입니다. 이상적으로, "Prev"및 "Next"텍스트가 없으면 내 이미지로 모두 바꾸고 싶습니다. – AMC

    +0

    나는 그것을보고 내 대답을 편집했다. –

    +0

    그래, 나는 모든 CSS를 점검하고 특정 방식으로 이러한 버튼과 관련된 것을 찾지 못했다. 아마도 @Ionuthublub에 대한 나의 의견은 더 잘 설명 할 것입니다. – AMC

    관련 문제