tumblrにはデフォルトのフォトセットサイズ{photoset-500}、{photoset-400}、{photoset-250}があることは知っていますが、幅を変更して、幅を420または350にすることができます。これを行うのに役立つコードが見つかりません。
質問する
25126 次
3 に答える
1
このスクリプトを body タグの終了前に追加します。これにより、フォトセットのサイズが増減します
<script type="text/javascript">
//This will change the source address and display the correct size.
$(".photoset").each(function() {
var newSrc = $(this).attr("src").replace('700','860');
$(this).attr("src", newSrc);
});
//This will get the new size of the iframe and resize the iframe holder accordingly.
$(function(){
var iFrames = $('.photoset');
function iResize() {
for (var i = 0, j = iFrames.length; i < j; i++) {
iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';}
}
if ($.browser.safari || $.browser.opera) {
iFrames.load(function(){
setTimeout(iResize, 0);
});
for (var i = 0, j = iFrames.length; i < j; i++) {
var iSource = iFrames[i].src;
iFrames[i].src = '';
iFrames[i].src = iSource;
}
} else {
iFrames.load(function() {
this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
});
}
});
</script>
于 2012-10-31T14:09:47.113 に答える
1
Tumblr マークアップで画像のデフォルト サイズを変更することはできませんが、CSSで視覚的にサイズを変更できます。
Tumblr マークアップ:
{block:Photoset}
{block:Photos}
<img src="{PhotoURL-500}" class="photoset-img" />
{/block:Photos}
{/block:Photoset}
CSS:
.photoset-img { width: 420px; /* can be any value you want */ }
于 2012-07-18T03:30:10.937 に答える