Supersized 3.2 - 전체 화면 슬라이드 쇼 jQuery의 각 페이지에 텍스트 추가

Question

Supersized Slideshow Jquery와 관련하여 답변을 찾고 있습니다. 각 슬라이드에 각 HTML/TEXT를 추가하고 싶습니다. (IE는 - 4 페이지가있는 경우, 4 별도의 텍스트는 각 슬라이드에 임베디드 될 것이다.) 나는 초대형 JQuery와 이미지 슬라이더에 HTML 텍스트를 추가 "전에 토론이 있었는지 알고

을

재 : 추가 HTML 텍스트입니다. 초대형 JQuery와 이미지 슬라이드에 adding html text to supersized jquery image slide

나는 방향을 따라하지만 난 'PHP'페이지 만들기 이해하고 "슬라이드의 같은 페이지에 빈 사업부의 #brief_holder을 넣어."하지 않는 부분입니다. 또한, 나는이 궁금 해요 코드가 실제로 작동 중입니다 ...

이 문제를 해결 한 사람이 있습니까? 나에게 어떤 대답이 ...?

친절하게 대해 주셔서 감사 드리며 앞으로 연락 드리겠습니다.

최저

, 보니

Answer 1

이이 작업을 수행하는 방법 아이디어를 얻을 수 있도록 거친 예입니다. 미안 fsfiddle을 supersized로 잘 작동시키지 못했기 때문에 http://buildinternet.com/project/supersized/slideshow/3.2/slide.html으로 가서 아래 코드를 Chrome 개발 콘솔에 붙여 넣으세요. 구현할 때, supersized가로드 된 후에이 shoud가 실행되어야합니다.

var slide_text_array = [ 'slide 1 text', 'slide 2 text', 'slide 3 text', 'slide 4 text', 'slide 5 text', 'slide 6 text', 'slide 7 text', 'slide 8 text', 'slide 9 text', 'slide 10 text' ]; 

$('#supersized li a img').each(function(i,slide_img){ //get each loaded slide 
    $(slide_img).css('z-index', '100');//to make the image appear behind the text 
    var slide_a = $(slide_img).parent() 
    $(slide_a).prepend('<h1 style="font-size: 100px; z-index: 200; position: absolute;">'+ slide_text_array[i] +'</h1>'); //insert text 
}); 

대용량로드 후에 모든 슬라이드를 반복하지 않고 각 슬라이드가 시작되기 전에 텍스트를 추가 할 수 있습니다. http://buildinternet.com/project/supersized/docs.html#theme-before을 살펴보십시오. 그러나 이것이 도움이 될 것입니다. 문제가 계속되는 경우 jsfiddle.net 또는 codepen 예제를 설정하여 편집 할 수 있도록하십시오. 행운을 빕니다!