2010-11-08 104 views
1

我有jQuery的砌体我的网站上jQuery,砌体和图像处理?

http://www.lovejungle.com/dev/testenvironment/?cat=4

但对我的生活工作中,图像的处理方式我不能工作了。

有没有一种方法可以抓取后期精选图片?还是有一行代码抓住它?

这是我用我的index.php和categories.php页

<div id="container"> 
<div id="content"> 
<?php query_posts('posts_per_page=15'); ?> 
<?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
<a href="<?php the_permalink(); ?>" class="box col<?php echo rand(2,4); ?>"> 
<span class="title"><?php the_title(); ?></span> 
<img src="<?php echo get_post_meta($post->ID, 'PostThumb', true); ?>" alt="" /> 
<span class="ex"><?php the_excerpt(); ?></span> 
</a> 
<?php endwhile; endif; ?> 
</div> 
</div> 

的代码是从本教程 http://digwp.com/2010/08/randomized-grid-of-posts/#comment-1175

我知道这需要改变的代码

<img src="<?php echo get_post_meta($post->ID, 'PostThumb', true); ?>" alt="" /> 

或者这可能是我的图像输入方法不正确。

这就是我的目标 http://thoughtandtheory.com/collection/

我仍然不清楚图像是如何处理的例子吗?

+0

我不敢踏入爱丛林。你可以张贴截图吗? – Alex 2010-11-08 08:08:09

+0

对不起哈哈,爱丛林是悉尼澳大利亚的青年服装品牌。没有什么弹性! (和上面的链接是开发/测试网站),所以它基本上是修改后的二十个主题 – MDB 2010-11-08 08:10:09

+0

@Alex这里是该网站的屏幕截图。希望它有效 - http://www.lovejungle.com/dev/testenvironment/images/masonry_screen.png – MDB 2010-11-08 10:45:31

回答

1

所以..如果我找到你的权利,你想获得循环后的图像?只是它的缩略图或大图像?图像应该链接到文章? 。

我想创建主要类别中,所有职位的过滤器正在然后创建该类别像这样的自定义查询:

<?php $YourQuery = new WP_Query(array('cat=11', 'posts_per_page' => -1)); if ($YourQuery->have_posts()) : ?> 
<?php while ($YourQuery->have_posts()) : $YourQuery->the_post(); ?> 

,同时让所有的帖子,你可以再指派最近的类别到div和使用这个过滤器:

<?php foreach((get_the_category()) as $category) { echo $category->cat_name . ' '; } ?>"> 

然后获得该div内的图像。首先检查拇指并确定其高度&宽度(或者如果您不想拥有光纤网格,则跳过该部分)。然后,一边打电话的形象,类别分配到的图像,因此您可以使用这些用于过滤器:在最后一部分

<?php if (has_post_thumbnail()) {the_post_thumbnail('160,230,true');} 
elseif (get_post_meta($post->ID, "HomeThumbnail", true) != '') 
{ 
?> 

<img src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" alt="<?php the_title(); ?>" class="<?php foreach((get_the_category()) as $category){echo $category->cat_name . ' ';} ?> ex" /> 

     <?php 
} 

else { 
echo "<img class=\"ex\" src=\"". get_bloginfo('template_directory') . "/images/placeholder.jpg\" alt=\"Default Post Image\" />"; 
} 
    ?> 
</a> 

我分配了一个占位符图像,因此您可以在不具备全部图像上传测试环境然而。

那应该给你一个正确的方向去...

+0

嗨托比亚斯,谢谢你的回答!我真的只是在解释这个博客[http://thoughtandtheory.com/collection/]是如何获得它的照片的帖子的(所以我可以合并相同的技术)...你的代码看起来更深入一点所以我明天晚上必须坐下来。我会回复我的结果 – MDB 2010-11-08 11:43:22

+0

我刚刚检查了digwp articel,你的代码似乎很好。你如何在帖子中整合图片?只是通过帖子编辑字段,或者你是否将它们分配为后缩略图?这可能是你的问题.. – tobiasmay 2010-11-08 11:55:37

+0

这篇文章显示了我通过帖子编辑字段添加的图片http://www.lovejungle.com/dev/testenvironment/?p=1 – MDB 2010-11-09 12:36:42