2014-09-02 62 views
0

我目前使用的自定義滑塊上tumblr我的photoset職位(http://woothemes.com/flexslider是否有可能要依據標籤我tumblr主題顯示默認photoset或自定義滑塊

我想知道,如果它可能使當帖子標記爲#set時,我的主題顯示默認的tumblr photoset(而不是自定義滑塊)。我不介意我是否也必須使用自定義滑塊來標記要展示的photoset帖子,以使其正常工作。

對我來說這似乎很複雜,但也許有一個使用JavaScript的解決方案。

謝謝


更新:我花了一些時間就可以了,我設法解決這個不需要任何JavaScript(這是簡單的,比我想象的要)

。後顯示:圖片 - 幻燈片{display:none;}

.post.set .flexslider {display:none;}

.post.set .photo - 幻燈片{顯示:塊重要;}

我基本上是放在一起的{block:Photoset}...{/block:Photoset}標籤。 flexslider代碼和Pixel Union's custom photoset代碼,並在photoset標記爲#set時使用上面的css隱藏滑塊。

我不得不使用自定義photoset腳本,因爲它不適用於tumblr的默認photoset iframe。

回答

0

顯示兩者並隱藏一個,似乎有點hacky。爲什麼不使用標籤/正確選擇器來創建sliderphotoset

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({ ... }); 
相關問題