2010-11-08 2 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

+0

Извините, ха-ха, Love Jungle является брендом молодежной одежды из Сиднея в Австралии. Ничего раздражающего! (и ссылка выше является сайтом dev/test), так что это в основном тема 20ten, измененная – MDB

+0

@Alex вот скриншот сайта. Надеюсь, это сработает - http://www.lovejungle.com/dev/testenvironment/images/masonry_screen.png – MDB

ответ

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

+0

Я просто проверил digwp articel, и ваш код кажется прекрасным. как вы интегрируете фотографии в сообщение?просто через поле редактирования сообщения или назначаете их как миниатюру после этого? это может быть вашей проблемой. – tobiasmay

+0

Это сообщение показывает картинку, которую я добавил через поле для редактирования по почте http://www.lovejungle.com/dev/testenvironment/?p=1 – MDB

Смежные вопросы