Viewing 1 replies (of 1 total)
  • Thread Starter edelbert-schnoesel

    (@edelbert-schnoesel)

    this is how i embeded isotope:
    <!– jQuery & isotope manuell eingebunden –>
    <script type=’text/javascript’ src=’//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js’></script>
    <script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/js/isotope.js”></script>

    this is how i filter the links:
    <div class=”menu-main-container”>

    <!– Filter-Links –>
    <ul id=”menu-main” class=”menu”>

    • Alle
    • <li id=”menu-item-5″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5″>Branding
      <li id=”menu-item-6″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6″>Editorial
      <li id=”menu-item-10″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10″>Grafik
      <li id=”menu-item-8″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8″>Web
      <li id=”menu-item-7″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7″>Foto
      <li id=”menu-item-9″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9″>Packaging

      </div>

      </div>

      and this is the loop for now:
      <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

      <div <?php post_class() ?> id=”post-<?php the_ID(); ?>”>

      <div id=container>
      “>
      <!– <?php the_post_thumbnail(); ?> –>
      <!– <?php the_title(); ?> –>

      <?php global $post; ?>
      <?php
      $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, ” );
      ?>
      <div class=”sprite” style=”background-image: url(<?php echo $src[0]; ?> ) !important;”></div>

      </div>

      <script type=”text/javascript”>
      $(function() {

      var $container = $(‘#container’); //Container der Refs

      $(‘#menu-main a’).click(function() { // Filter-Links
      var selector = $(this).attr(‘data-filter’);
      $container.isotope({ filter: selector });
      return false;
      });
      });
      </script>

      <!– <div class=”entry”>
      <?php the_content(); ?>
      </div>
      –>

      </div>

      <?php endwhile; ?>

      <?php include (TEMPLATEPATH . ‘/inc/nav.php’ ); ?>

      <?php else : ?>

      <h2>Not Found</h2>

      <?php endif; ?>

Viewing 1 replies (of 1 total)
  • The topic ‘Isotope WordPress’ is closed to new replies.