내가 현재 텀블러에 내 photoset 게시물에 대한 사용자 지정 슬라이더를 사용하고

Question

내 텀블러 테마 디스플레이 기본 photoset 또는 사용자 정의 슬라이더는 태그에 따라 확인하는 것이 가능 (http://woothemes.com/flexslider)

나는 그것의 가능한 만들기 위해 알고 싶어 게시물에 #set 태그가 지정되면 기본 테마 인 tumblr photoset (사용자 정의 슬라이더 대신)이 표시됩니다. 커스텀 슬라이더를 사용하여 표시하고자하는 포토 셋 포스트에 태그를 추가해야만해도 괜찮습니다.

나를 위해 꽤 복잡하지만 어쩌면 거기에 자바 스크립트를 사용하여 솔루션을 보인다.

당신에게

---

업데이트 감사합니다 내가 한동안 시간에 내가 어떤 자바 스크립트없이이 문제를 해결하기 위해 관리

(내가 생각했던 것보다 간단했다). 포스트 .photo - 슬라이드 쇼 {디스플레이 : 없음;}

.post.set의 .flexslider {디스플레이 : 없음;}

,536 나는 기본적으로 {block:Photoset}...{/block:Photoset} 태그에 함께 넣어

; {블록 중요! 디스플레이} .photo - 슬라이드 쇼

.post.set. flexslider 코드와 Pixel Union's custom photoset 코드를 사용하고 photoet에 #set 태그를 지정하면 위의 CSS를 사용하여 슬라이더를 숨 깁니다.

tumblr의 기본 사진 세트 iframe에서 작동하지 않기 때문에 맞춤 사진 스크립트를 사용해야했습니다.

Answer 1

둘 다 표시하고 하나를 숨기면 조금 해킹하는 것 같습니다. 왜 태그/올바른 선택기를 사용하여 slider 또는 photoset을 생성하지 않습니까?

HTML

/* Default - slider */ 
<div class="post"> 
    <ul class="photoset">...</ul> 
</div> 

/* Tagged `set` - photoset */ 
<div class="post set"> 
    <ul class="photoset">...</ul> 
</div> 

jQuery를

// Default, so create a slider. 
$('.post:not(.set)').find('.photoset').pxuPhotoset({ ... }); 

// Tagged `set`, so create a photoset. 
$('.post.set').find('.photoset').pxuPhotoset({ ... });