如何通过data-Image-src将特色缩略图添加到div中?

时间:2016-03-10 作者:Jacob J

我正在使用parallax.js 这就是它被添加的方式。当我直接链接到一个图片时,效果很好,但我希望每个帖子的特色图片都显示在这里。

<div id="featured" data-parallax="scroll" data-speed="0.1" data-natural-width="2304" data-natural-height="1536" data-ios-fix="true" data-position="top" data-bleed="10" data-image-src="<?php the_post_thumbnail(); ?>">
非常感谢您的帮助,谢谢。

1 个回复
SO网友:Jacob J

我向一位朋友寻求帮助,并像这样解决了这个问题

<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), \'NAME_OF_THE_THUMBNAIL_KIND\' ); $url = $thumb[\'0\']; ?>

<div id="featured" data-parallax="scroll" data-speed="0.1" data-natural-width="2304" data-natural-height="1536" data-ios-fix="true" data-position="top" data-bleed="10" data-image-src="<?php echo $url ?>">

相关推荐

Gallery thumbnails very small

当我使用标准WordPress图库时,我会在内容中获得非常小的缩略图:由于内容中有很多空间,我想显示更大的图像。我该怎么做?主题中没有添加特定的库代码。