Javascript 仅使用post标记进行css更改
我正在做一个Tumblr主题 只有当图片帖子有一个特定的标签,如“大”或“双”时,有没有办法将图片的宽度从25%更改为50% 这就是我所拥有的: CSS:Javascript 仅使用post标记进行css更改,javascript,jquery,css,tumblr,Javascript,Jquery,Css,Tumblr,我正在做一个Tumblr主题 只有当图片帖子有一个特定的标签,如“大”或“双”时,有没有办法将图片的宽度从25%更改为50% 这就是我所拥有的: CSS: .post { width:25% } .big { width:50% } HTML: {block:Posts} {block:Photo} <div class="post {block:HasTags}{bl
.post {
width:25%
}
.big {
width:50%
}
HTML:
{block:Posts}
{block:Photo}
<div class="post {block:HasTags}{block:ifTaggedBig}big{/block:ifTaggedBig}{/block:HasTags}">
<img src="..." />
</div>
{/block:Photo}
{/block:Posts}
{block:Posts}
{块:照片}
{/block:Photo}
{/block:Posts}
假设您可以使用标签定位帖子/图像(如果没有,您需要提供有关如何存储数据的更多信息),请尝试使用帖子标签更改布局
首先,我们需要修改主题标记,添加一个名为:{TagsAsClasses}
{block:Posts}
{block:Photo}
<div class="post {TagsAsClasses}">
<img src="..." />
</div>
{/block:Photo}
{/block:Posts}
最后,将您的帖子标记为big
。这将导致生成以下标记:
<div class="post big">
<img src="..." />
</div>
Ref:Post变量html结构是什么?欢迎使用SO。这是有可能的,但我觉得如果你进一步展开,你的问题会产生更好的结果。显示用标记更新的帖子等的标记@mikedidthis@user2946744回答,希望有帮助。不知道“{TagAsClasses}”命令。非常感谢@mikedidthis
<div class="post big">
<img src="..." />
</div>