2012-12-09 1 views
1

나는 클라이언트 용 WordPress 블로그를 개선하고 있습니다. Colorbox가 실행되는 동안 개별, 전체 크기의 이미지 위로 마우스를 가져 가면 Pinterest "pin-it"버튼이 있어야하는 Colorbox 라이트 박스 갤러리가 있습니다.Colorbox 이미지 위로 마우스를 가져갈 때 "핀 고정"버튼 추가

어쨌든 colorbox의 전체 크기 이미지에 클래스를 추가하는 것처럼 보입니다. 아무 것도 변경하지 않습니다. 나는 여기서 근본적인 문제를 오해하고 있다고 생각한다.

답변

0

이미지를 'div'컨테이너에 넣고 해당 div의 스타일을 position : relative로 설정하십시오.

그런 다음 position : absolute가있는 이미지 이외에 해당 컨테이너 내부에 다른 div를 추가하십시오. 상단 : 5px; 왼쪽 : 5px; 표시 : 숨김.

그런 다음 컨테이너 DIV 클래스는 'imagecontainer'이고 대표자에 대한 사업부는 다음 CSS 트릭 할 것 'socialbuttons'를 호출하는 경우 : 그것 뿐이다

.imagecontainer:hover socialbuttons { display:block; } 

합니다.

+0

충분히 구체적이지 않았습니다. 사과드립니다. 그것은 내가 설명했던 것처럼 내 문제를 해결할 것이다. 특정 스크립트 [링크] (http://www.uxde.net/2012/04/29/how-to-add-pinterest-button-for-images-wordpress-without-plugin/)를 사용하려고 시도하고 있습니다. , 그리고 그것을 실행하는 동안 내 Colorbox 라이트 박스 안의 이미지에만 적용해야합니다. – je3d