jQuery, масонство и обработка изображений?

Question

У меня на сайте работает jQuery Masonry

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/

Мне все еще неясно, как обрабатываются изображения?

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

в последней части я назначил изображение-заполнитель, чтобы вы могли протестировать среду, не загружая все изображения.

это должно дать вам движение в правильном направлении ...