2013-02-23 93 views
0

我正在尝试更改发布缩略图的属性以支持Lazy Load。这需要我添加一类lazy,将源代码更改为占位符图像,并将图像源置于data-original属性中。Wordpress更改发布缩略图属性

我已经完成了研究并引用了documentation,但我仍然遇到问题。

这里是我想要使用的代码:你会认为这是可行的

<?php 
    $tempimg = get_bloginfo('template_url') . "/img/grey.gif"; 
    $default_attr = array(
     'src' => $tempimg, 
     'data-original' => $src, 
     'class' => "lazy attachment-$size", 
    ); 
    the_post_thumbnail('project-thumbnail', $default_attr); 
?> 

,但一旦我用这些属性,则$src$size变量不起作用。他们只是空白。有什么我失踪?

谢谢先进。

回答

0

有什么我失踪了吗?

是的。您没有在该代码块中设置$src$size。它们是空的,因为变量没有设置。事实上,它们是空白的 - 可以说没有空白。如果你要设置这两个值 - 这样的事情 -

$size = 123; 
$tempimg = $src = get_bloginfo('template_url') . "/img/grey.gif"; 
$default_attr = array(
    'src' => $tempimg, 
    'data-original' => $src, 
    'class' => "lazy attachment-$size", 
); 
the_post_thumbnail('project-thumbnail', $default_attr); 

...它工作得很好。

0

无需更改所有属性。

如果你只是想给它上课懒。

只是要class属性懒惰,如:

the_post_thumbnail(array(200,200), array('class' => 'lazy')); 

希望这会帮助别人