2012-01-01 77 views
0

我有一个照片库我正在开发使用WP作为内容管理的手段。我非常依赖一些jQuery插件来管理UI样式和操作(通过排序)。我的问题是有太多该死的帖子! 737,并且每个都有一个显示在页面上的缩略图。这不可避免地让任何浏览器陷入困境。尤其是因为排序插件会在对图像进行排序时“克隆”图像。 帖子使用Wp_query脚本构建;WordPress的:与表格更新循环

<?php 
    $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; 
    $post_per_page = 15; // (-1 shows all posts) SETS NUMBER OF IMAGES TO DISPLAY! 
    $do_not_show_stickies = 1; // 0 to show stickies 
    $args=array(
    'post_type' => array ('post'), 
    'orderby' => 'rand', 
    'order' => 'ASC', 
    'paged' => $paged, 
    'posts_per_page' => $post_per_page 
); 
    $pf_categorynotin = get_post_meta($wp_query->post->ID, true); 
    if($pf_categorynotin){ 
     $args['tax_query'] = array(
      array(
       'taxonomy' => 'category', 
       'field' => 'slug', 
       'terms' => $pf_categorynotin, 
       'operator' => 'NOT IN' 
      ) 
     ); //category__in 
    } 
    $temp = $wp_query; // assign orginal query to temp variable for later use 
    $wp_query = null; 
    $wp_query = new WP_Query($args); 
    //Begin LOOP #1 
    if(have_posts()) : 
     echo '<ul id="applications" class="applications pf_item3">'; 
     $r = 0; 
     while ($wp_query->have_posts()) : $wp_query->the_post(); 
      $post_cat = array(); 
      $post_cat = wp_get_object_terms($post->ID, "category"); 
      $post_cats = array(); 
      $post_rel = ""; 
      for($h=0;$h<count($post_cat);$h++){ 
        $post_rel .= $post_cat[$h]->slug.' '; 
        $post_cats[] = $post_cat[$h]->name; 
       } 
     $r++; 
     echo'<li data-id="id-'. $r .'" data-type="'.$post_rel.'" >'; 
     if (get_post_meta($post->ID, 'port_thumb_image_url', true)) { ?> 
    <a class="tozoom" href="<?php echo get_post_meta($post->ID, 'port_large_image_url', true); ?>" rel="example4" title="<?php echo $post->post_title; ?>"> 
    <img src="<?php echo get_post_meta($post->ID, 'port_thumb_image_url', true); ?>" class="portfolio_box" alt="<?php the_title(); ?>" width="199px" height="134px" /></a> 
     <?php } ?> 
      </li> 
     <?php endwhile ?> 
      </ul> 

这些项目通过它们的html5标签进行排序,并在边栏中有一个菜单。

你可以看到它在这里工作; http://marbledesigns.net/marbledesigns/products

现在它随机加载15个帖子并显示它们。我希望能够根据我从菜单中选择的内容(通过类别)重新加载帖子,然后在不刷新页面的情况下更新图像列表。我希望不仅能够更改显示哪个类别的帖子,还能够更改每页的帖子。

我认为AJAX是做到这一点的方法,但我不想撤消菜单中的大量代码以使其工作。现在菜单是风格单选按钮。难道我没有办法从这种形式获取相同的输入并更新循环的参数吗?

寻找一个有效的解决方案!请帮忙!

回答