Question

我的代码有问题，我想在一个新网站上说我想让这个东西更具吸引力。我的代码是：

<div class="portfolioFilter">


      <ul class="portfolio-isotope-filter clearfix">
            <li class="selected"><a href="#" data-filter="*"><span>All</span></a></li>
            <li><a href="#" data-filter=".people"><span>Concerte</span></a></li>
            <li><a href="#" data-filter=".places"><span>Spectacole</span></a></li>
            <li><a href="#" data-filter=".food"><span>Prezentari</span></a></li>
        </ul>

</div>


<div id="imagini-artists">
   <div class="portfolioContainer cf">

    <div class="objects">
        <img src="img/artists/1.png" alt="image">
    </div>

    <div class="people places">
        <img src="img/artists/2.png" alt="image">
    </div>  

    <div class="food">
        <img src="img/artists/3.png" alt="image">
    </div>

    <div class="people places">
        <img src="img/artists/4.png" alt="image">
    </div>

    <div class="places objects">
        <img src="img/artists/5.png" alt="image">
    </div>

    <div class="people food objects">
        <img src="img/artists/6.png" alt="image">
    </div>

    <div class="clear"></div>

</div>

    <script type="text/javascript">
 $(window).load(function(){
  var $container = $('.portfolioContainer');
  $container.isotope({
    filter: '*',
    animationOptions: {
        duration: 750,
        easing: 'linear',
        queue: false
    }
});

$('.portfolioFilter a').click(function(){
    $('.portfolioFilter .current').removeClass('current');
    $(this).addClass('current');

    var selector = $(this).attr('data-filter');
    $container.isotope({
        filter: selector,
        animationOptions: {
            duration: 750,
            easing: 'linear',
            queue: false
        }
     });
     return false;
  }); 
 });
   </script>

问题是：我无法找到可以设置＆＃39; portfolioContainer＆＃39;的高度的地方。在chrome中显示一个值，但是来自html tag style =＆＃34; ..＆＃34; 。第二个问题是图像的数量，我想放3张图像，所以可能需要更改宽度。

http://jsfiddle.net/wC4tw/

我想要一些帮助，提前感谢你

同位素 - 数字图像和高度

0 个答案: