Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/xml/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 仅使用post标记进行css更改_Javascript_Jquery_Css_Tumblr - Fatal编程技术网

Javascript 仅使用post标记进行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

我正在做一个Tumblr主题

只有当图片帖子有一个特定的标签,如“大”或“双”时,有没有办法将图片的宽度从25%更改为50%

这就是我所拥有的:

CSS:

   .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>