나는 원래의 문제를 해결했지만보다 우아한 해결책이 있는지 궁금합니다. 저는 재단의 궤도를 사용하여 슬라이드 쇼를 만듭니다. 이것은 간단한 슬라이드 쇼가 아니며 각 슬라이드에 정의 된 데이터 캡션이있는 슬라이드 쇼이며이 데이터 캡션에는 모달 대화 상자를로드해야하는 HTML이 있습니다.초기화 기능을 궤도 슬라이드 쇼에 전달하는 방법이 있습니까?
Foundation을 사용하는 경우 Reveal 라이브러리를 사용하여 모달 대화 상자를 표시하는 방법에 대해 즉시 생각해 보겠습니다. 그렇지만 요구 사항은 prettyPhoto를 사용하도록 요구합니다. (. 사람들은 요구 사항이다) 그런데 문제는 데이터 자막의 요소가 원래 초기화 호출에 의해 영향을받지 않는 것입니다 : 나는 각 데이터를 초기화 할 수 있는지 확인하기 만하면 무엇
$("a[rel^='prettyPhoto']").prettyPhoto();
캡션이로드 될 때. 음, 문제가 있습니다. afterSlideChange 이벤트를 사용하여 슬라이드 전환을 위해이 문제를 해결했지만 문제는 첫 번째 슬라이드입니다. 표시되는 첫 번째 슬라이드에 대해이 메서드를 호출해야합니다. 그 코드를 복제 할 필요없이이 작업을 수행 할 수있는 더 나은 방법이 있나요
<script type="text/javascript">
$(window).load(function() {
$('#featured').orbit({
afterSlideChange:function() {
$("a[rel^='prettyPhoto']").prettyPhoto({
default_width:640,
default_height:500,
theme:'light_square'
});
}, // empty function
fluid:true // or set a aspect ratio for content slides (ex: '4x3')
});
$("a[rel^='prettyPhoto']").prettyPhoto({
default_width:640,
default_height:500,
theme:'light_square'
});
});
</script>
:
다음은이 문제를 해결 코드입니다. 내 자신의 "initializeSlide"이벤트를 정의해야합니까, 아니면 제가 누락 된 일부 대답이 있습니까?
해결 방법을 찾으셨습니까? –