섀도우 박스가 한 번 클릭 될 때까지 호버에서 열리지 않습니다.

섀도우 박스를 사용하여 호버에 이미지를 표시하지만 어떤 이유로 링크를 처음 클릭 한 후에 만 작동합니다. 크롬과 파이어 폭스를 사용하고 있으며 올바르게 작동하지 않습니다.섀도우 박스가 한 번 클릭 될 때까지 호버에서 열리지 않습니다.

당신은 여기에서 볼 수 있습니다 : "질적 데이터"라고 앵커가 있습니다 http://www.impero.co.za/demo/hsrc/site_content/view/how-we-curate-data

. 마우스를 가져 가면 그림자 상자가 열리지 않지만 한 번 클릭하면 열리고 이후부터 마우스를 올리면 열립니다.

지금까지 내가 shadowbox의 웹 사이트에서 볼 수있는 Stackoverflow 리소스 글은이 권한을 가지고 있습니다.

무엇이 잘못 되었습니까?

당신의 onmouseover 속성의

출처

2012-11-26 Kobus Myburgh

[당신의 예에 대한 링크를 게시하지 마십시오.] (http://meta.stackexchange.com/questions/125997/something-on-my-web-site-doesnt-work-can- i-just-paste-a-link-to-it) 코드에서 문제를 찾아 내고 무관 한 내용을 제거하고 간단한 코드 샘플을 게시하십시오. (관련 없음 : 해당 사이트의 메뉴 항목에있는 텍스트는 너무 읽기가 어렵습니다. Naarow 글꼴) – Cerbrus

실제로는 호버가 열리지 않아야합니다. 사용자의 기대를 위반해서는 안됩니다. 아무도 텍스트의 본문에있는 임의의 링크 위로 마우스를 가져 가면 페이지를 덮는 팝업이 열리지 않습니다. 더 나쁜 것은, 당신이 [당신의 링크에 밑줄을 긋기] (http://www.useit.com/alertbox/20040510.html)가 아니기 때문에 텍스트의 색상과 링크 색상 사이의 대비가 매우 낮기 때문에 쉽습니다 무의식적으로 링크 위로 마우스를 가져 가면 왜이 물건이 방금 튀어 나오는지 혼란스러워 할 것입니다. –

안녕하세요. Cerbrus, 고맙습니다. 나는이 한 페이지에 대해 몰랐습니다. 나도 알아 :-) –

사용 Shadowbox.open(this);, 예를 들어, 사전에

감사합니다,

코브시

<a id="shadowbox[gallery]" 
    href="http://www.impero.co.za/demo/hsrc/assets/uploads/images/qualitativedata.jpg" 
    onmouseover="Shadowbox.open(this);" 
    rel="shadowbox[gallery]">Qualitative Data</a>

출처

2012-11-26 10:05:39 Matthias

감사합니다. Matthias,이 작품은 100 % 좋아요. –

섀도우 박스가 한 번 클릭 될 때까지 호버에서 열리지 않습니다.

답변

관련 문제