2009-12-13 1 views
0

내 사이트에서 jquery를 사용하는 콘텐츠 슬라이드 쇼를 제공합니다. 사용자가 화살표를 클릭하면 다음 div (기본적으로 숨겨 짐)가 표시됩니다. 각 사업부 내에서, 내가 할 노력하고있어PHP (?) 또는 jQuery (?) 메타 태그를 변경하는 가장 좋은 방법은 무엇입니까?

<div id="content" style="display:block"> 
     <h2>Relevance of Oceanography</h2> 
     <p>Some text</p> 
     <span class="hiddentitle" style="display:none">Relevance of Oceanography</span> 
     <span class="hiddencontent" style="display:none">Some content</span> 
    </div> 

    <div id="content" style="display:none"> 
     <h2>Seafloor Spreading and Earthquake Activity</h2> 
     <p>Some text</p> 
     <span class="hiddentitle" style="display:none">Seafloor Spreading and Earthquake Activity</span> 
     <span class="hiddencontent" style="display:none">Some content</span> 
    </div> 

... 사용자가보고되는 내용과 내용의 요약의 제목을 포함 숨겨진 스팬 태그가 있습니다 (표시 여부) 현재 표시된 div의 숨겨진 내용을 기반으로 태그를 바꾸거나 업데이트하는 것입니다. 데이터베이스에 저장되어 있기 때문에 PHP 만 사용할 수 있다고 생각했지만 매번 페이지를 새로 고쳐야한다는 것을 알았습니다. 슬라이드 쇼를 사용하는 목적을 저버리지는 않습니다.하지만, 그렇다면 jquery를 사용하면 페이지가로드 된 후에 검색 엔진이 메타 콘텐트를 실제로 볼 수 없다는 우려가 있습니다 ...

내가 시도하는 것을 할 수있는 방법이 있습니까? 여기 있니? 아니면 그냥 솔 이냐?

답변

1

span 태그는 숨겨진 div 요소 내에 있으므로 이미 숨겨져있을 필요가 없습니다.

스파이더 링 및 사용 편의성 측면에서 볼 때 직접 이미지에 대한 영구 링크가 포함 된 색인을 제안한 다음 슬라이드 쇼로하려는 작업을 염려 할 필요가 없으며 사용자가 특정 이미지.

두 가지 방법이 있습니다. 하나는 JavaScript를 사용하여 div의 가시성을 변경하는 것입니다. 이것은 충분히 간단하고, 요소의 style.display 속성을 변경했습니다.

이 방법에는 LightboxJS과 같은 많은 미리 제작 된 jQuery 솔루션이 있습니다. 여기의 집계 목록입니다 :

http://bradblogging.com/jquery/9-jquery-slideshow-applications-you-cannot-miss/

다른 하나는 마크 업을 검색 할 수있는 AJAX 호출을하는 것입니다. 이렇게하면 초기로드가 제한되지만 이미지를 더 느리게 전환 할 수 있습니다.

0

검색 엔진은 슬라이드 쇼 중에 변경된 내용을 더 이상 볼 수 없을 것입니다. 슬라이드 쇼의 각 개별 페이지에 대한 딥 링크가 포함 된 Google Sitemap을 만드는 것이 좋습니다. jQuery를 사용하여 슬라이드 쇼를 실행하고 쿼리 링의 매개 변수를 통해 언제든지 슬라이드 쇼를 시작할 수 있습니다.

0

jQuery로 구성하기 전에 자바 스크립트가없는 인터페이스를 구현하는 것이 좋습니다. 그런 식으로, 당신은 여전히 ​​자바 스크립트 (f.ex searchbots)없이 사이트를 탐색하는 모든 사람들을위한 서버 측 로직을 가지고있다.

클릭 이벤트를 사용하고 기본 동작을 방지하면 다음 단계에서 jQuery 또는 기본 javascript를 사용하여 프레젠테이션 인터페이스 레이어를 원활하게 적용 할 수 있습니다. 때때로 Ajax를 사용하여 서버 측 로직을 다시 사용할 수있다.