2012-11-19 2 views
0

현재 건물에있는 웹 사이트가 있고 게시물에 이미지 갤러리가 있습니다. 내 질문은 다음과 같습니다.Fancybox의 현재 이미지를 문서 제목으로 사용하기

현재 이미지의 title 속성을 사용하여 문서 제목으로 사용하려면 어떻게해야합니까?

는 설명 :

의 제목과 이미지 하나, "그것은 아름다운 아닌가요?"할 때 갤러리에서 열리면 문서 제목은 "아름답다, 그렇지 않습니까?"입니다. 그런 다음 이미지 2, "남자!"라는 제목으로 자동차 충돌이 끔찍합니다! 갤러리에있다, 문서 제목은 "남자! 그 차 사고는 끔찍해!". 이것은 갤러리이므로 FancyBox 내에서 이미지를 전진시킬 수 있으며 새 이미지로 변경하면 문서 제목이 새 이미지로 바뀝니다. FancyBox가 닫히면 문서 제목은 이전으로 돌아갑니다 (필요한 경우 문서 시작 부분의 변수에 정의 될 수 있음).

감사합니다.

+1

http://jsfiddle.net/ZJcD9/ 같은 시도 (때문에 제목이 변경되지 않습니다 바이올린의가 iframe을 ...하지만 로컬 그것을 시도) –

+0

@RS 추가 jsfiddle (http://jsfiddle.net/ZJcD9/show/light/)에 'show/light /'를 쓰면 독립된 페이지로 볼 수있다;) – JFK

답변

1
document.title = 'This is easy!'; 

는 UPD :

http://jsbin.com/olufus/1

+1

+1 :'document.title = this.title ; ('afterShow' 콜백에서)'this.title'은 실제로 fancybox selector의'title'입니다. ** [jsfiddle] (http://fiddle.jshell.net/jRsjK/1466/show/light /) ** – JFK

+0

JFK, 너 선생님! 감사. 이것은 내가 필요한 것이고, 나는 그것을 확실히 사용할 것입니다! – BassDesigns

0

예에 콜백

$(document).ready(function() { 
    var origTitle = document.title 

    $("#single_1").fancybox({ 
      helpers: { 
       title : { 
        type : 'float' 
       } 
      }, 
      afterShow: function() { 
      document.title = $(this).attr('title'); 
      }, 
      afterClose: function() { 
      document.title = origTitle; 
      } 
     }); 
}); 

전체 코드 http://fancyapps.com/fancybox/#docs 봐 있습니다. http://jsfiddle.net/ZJcD9/show/

코드 http://jsfiddle.net/ZJcD9

$(document).ready(function() { 

    title = document.title; 

    $(".fancybox").attr('rel', 'gallery').fancybox({ 
     beforeLoad: function() { 
      document.title = this.title; 
     }, 
     beforeClose: function() { 
      document.title = title; 
     } 
    }); 
})