2013-02-23 48 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')); 

希望這會幫助別人