2012-09-07 5 views
0

나는 처음으로 prettyphoto를 사용하고 있습니다. 아주 좋은 도구입니다. 더 많은 사람들이이 문제를 겪고 있는지 알고 싶습니다. 그것의 중요하지 않지만 나는 그들을 이해하지 않기 때문에 일을하지 않는 것이 싫다. 다음 코드입니다.prettyphoto 고도의 사진이로드되었을 때 표시됩니다.

<div class="single_left"> 
    <a href="_img/examples/image-1.jpg" rel="prettyPhoto[gal1]" title="it works"><img src="_img/examples/thumb-1_50.jpg" alt="WHATEVER INFO" /></a> 
</div> 

완벽하게 작동합니다. 그러나 나는 의심한다. 모든 코드를 보면 아주 단순한 코드를 볼 수 있습니다. 내부에 <a>이 있고 내부에 <img> thats가있는 div가 미리보기 이미지 역할을합니다. <img>의 경우 alt = ""atribute를 추가해야합니다. 이 공헌의 아이디어는 누군가 인터넷 속도가 느리거나 이미지로드에 실패하면 작은 설명이 텍스트 형식으로 표시되며 alt = ""의 내용이됩니다. 이 경우 "WHATER INFO"(위의 코드를 확인하십시오). 따라서 이미지가 표시되면이 대체 텍스트가 표시되지 않습니다.

확인 ... 분명

문제는 prettyphoto과 함께 사진을 당신은 ALT = "prettyphoto의 프레임의 상단에"텍스트를 볼 수 있습니다 클릭에서 확대되는 경우이다. 따라서이 경우 정보가 표시됩니다. 이것은 그 목적이 아니며 물론 모든 설계 계획을 깨뜨리는 것입니다.

왜 이런 일이 발생하는지 알고 있습니까?

몇 가지 대체 텍스트를 넣을 수 있도록이 문제를 해결할 수있는 방법이 있습니까 ??

답변

1

this link에 따르면, 당신이 원하는 것을 할 css/custom.css이 CSS 코드를 추가 :

div.ppt, .pp_description { 
    display: none !important; 
} 
+0

custom.css 파일을 만들어야합니까?! 그들은 그것에 관해서 이야기하지만, 원래의 다운로드에는 CSS 파일이 없습니다. 나는 그들이 custom.css 파일을 만들었다 고 생각한다. 이 올바른지?! 아무 것도 표시하지 않으면 alt 값을 삽입하지 않는 것과 똑같은가요? 따라서 SEO 목적을 위해 텍스트를 쓰지 않아도됩니다. 내가하는 말이 맞아? –

0

내가 알려 수 정확히 같은 내 질문의 운영 체제에 대한 답 :

div.ppt { 
    display: none !important; 
} 

이렇게하면 alt 값이 표시되지 않습니다.

내가 알지 못하는 것은 alt가 그런 식으로 작동하면 그림이로드되지 않는다는 것입니다. 적어도 그걸 꺼내는 방법은 알고 있습니다.

인사말!