{include file='header.html'}
<style>
.followed {
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
text-align: center;
background: #FFDCE7;
color: #F69;
}
</style>
<link href="{$skins}images/welcome.css?932.0005" rel="stylesheet" type="text/css" />
<div class="wlc_top" style="width:1000px">
<div class="wlc_bnr">
  <div class="boxImg" style="width:640px;height:240px;">
 
  {get data=t_c model=ad fun=listByNo("index_flash",4)}
   <div id="myCarousel" class="carousel slide">
      <ol class="carousel-indicators">
      {foreach item=c key=k from=$t_c}
        <li data-target="#myCarousel" data-slide-to="{$k}" class="{if $k eq 0}active{/if}"></li>
       {/foreach}
      </ol>
      <div class="carousel-inner">
      	 
        {foreach item=c key=k from=$t_c}
        <div class="item {if $k eq 0}active{/if} "><a href="{$c.link1}" target="_blank"><img style="height:240px; width:640px;" src="{const.IMAGES_SITE}{$c.imgurl}" alt=""></a>
          <div class="carousel-caption  ">
            <p><a href="{$c.link1}" target="_blank">{$c.title}</a></p>
            
          </div>
        </div>
        {/foreach}
         
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> </div>
   </div>
  </div>
  <div class="rec_attr">
    <div class="cmn_title">
      <p><a href="/guang/hot" target="_blank">更多<samp>&gt;&gt;</samp></a></p>
      <span class="f14_f">社区热荐</span> </div>
    <ul class="rec_list unstyled">
      <li> <a class="followed" href="javascript:;" target="_blank">最热</a> 
      <span> <a href="/index.php?m=tags&a=show&tagname=外套" class="red_f" target="_blank">外套</a> 
      <a href="/index.php?m=tags&a=show&tagname=长袖连衣裙" target="_blank">长袖连衣裙</a> 
      <a href="/index.php?m=tags&a=show&tagname=秋装" class="red_f" target="_blank">秋装</a> 
      <a href="/index.php?m=tags&a=show&tagname=韩系" target="_blank">韩系</a> </span> 
      </li>
      <li> <a class="followed" href="javascript:;" target="_blank">衣服</a> 
      	<span> <a href="/index.php?m=tags&a=show&tagname=西装" class="red_f" target="_blank">西装</a> 
        	<a href="/index.php?m=tags&a=show&tagname=套装" class="red_f" target="_blank">套装</a> 
            <a href="/index.php?m=tags&a=show&tagname=小脚裤" target="_blank">小脚裤</a> 
            <a href="/index.php?m=tags&a=show&tagname=连衣裙" class="red_f" target="_blank">连衣裙</a> 
        </span> 
      </li>
      <li> <a class="followed" href="javascript:;" target="_blank">鞋子</a> 
      		<span> 
            	<a href="/index.php?m=tags&a=show&tagname=厚底鞋" class="red_f" target="_blank">厚底鞋</a> 
           		<a href="/index.php?m=tags&a=show&tagname=靴子" target="_blank">靴子</a> 
                <a href="/index.php?m=tags&a=show&tagname=单鞋" target="_blank">单鞋</a> 
                <a href="/index.php?m=tags&a=show&tagname=平底鞋" class="red_f" target="_blank">平底鞋</a> 
            </span> 
      </li>
      <li> <a class="followed" href="javascript:;" target="_blank">包包</a> 
      	<span> 
        	<a href="/index.php?m=tags&a=show&tagname=手拿包" class="red_f" target="_blank">手拿包</a> 
            <a href="/index.php?m=tags&a=show&tagname=斜挎包" target="_blank">斜跨包</a> 
            <a href="/index.php?m=tags&a=show&tagname=单肩包" class="red_f" target="_blank">单肩包</a> 
            <a href="/index.php?m=tags&a=show&tagname=钱包" target="_blank">钱包</a> 
        </span> 
      </li>
      <li> <a class="followed" href="javascript:;" target="_blank">配饰</a> 
      	<span> 
        	<a href="/index.php?m=tags&a=show&tagname=手表" class="red_f" target="_blank">手表</a> 
            <a href="/index.php?m=tags&a=show&tagname=发簪" target="_blank">发箍</a> 
            <a href="/index.php?m=tags&a=show&tagname=围巾" class="red_f" target="_blank">围巾</a> 
            <a href="/index.php?m=tags&a=show&tagname=耳钉" target="_blank">耳钉</a> 
        </span> 
     </li>
      <li> 
      	<a class="followed" href="javascript:;" target="_blank">家居</a> 
      	<span> 
        	<a href="/index.php?m=tags&a=show&tagname=手机壳" target="_blank">手机壳</a> 
            <a href="/index.php?m=tags&a=show&tagname=床上用品" class="red_f" target="_blank">床上用品</a> 
            <a href="/index.php?m=tags&a=show&tagname=ZAKKA" target="_blank">ZAKKA</a> 
            <a href="/index.php?m=tags&a=show&tagname=行李箱" class="red_f" target="_blank">行李箱</a> 
        </span> 
     </li>
    </ul>
  </div>
</div>

<div style="height:20px; width:100%"></div>

<div id="container"> {foreach item=p key=k from=$list}
  <div class="box"> <a href="/index.php?m=show&a=default&id={$p.id}" target="_blank"><img {if $p.thumbsinfo}class="lzImg" json='{$p.thumbsinfo}'{/if}  width="220" title="{$p.title}" alt="{$p.title}"     src="/{if $k gt 12}images/lazy.jpg{else}{$p.imgurl}.small.jpg{/if}" data-original="/{$p.imgurl}.small.jpg" /></a> {if isset($smarty.session.ssuser.userid)}
    <div class="hd" style="margin-top:10px; margin-bottom:10px; "> <span style="padding-left:10px; float:left;" class="btn-group"> <span class="btn btn-danger loves" url="/index.php?m=loves&a=product&id={$p.id}"    >喜欢</span> <span class="btn"> {$p.loves} </span> </span> <span style="padding-right:10px; float:right;" class="btn-group"> <span href="javascript:;" class="btn btn-warning hates" url="/index.php?m=hates&a=product&id={$p.id}"  >失望</span> <span class="btn">{$p.hates}</span> </span> </div>
    {/if}
    {if $smarty.session.ssadmin}
    <div style="height:40px; line-height:40px;"> <span style="float:right; margin-right:20px;"> <a href="javascript://" class="del btn btn-warning" pid="{$p.id}" >删除</a> </span> </div>
    {/if}
    <div class="info"><a   href="/index.php?m=show&a=default&id={$p.id}" target="_blank">{$p.title}</a> <!--({$p.price}元)--></div>
  </div>
  {/foreach} </div>
<div style="clear:both;"></div>

<script>
lzImage("lzImg",220);
  $(function(){ 
   //$(".box img").lazyload();
   
    var $container=$("#container");
    $container.imagesLoaded(function(){
      $container.masonry({
        itemSelector: '.box',
        columnWidth: function( containerWidth ) {
    		return containerWidth / 4;
  		}
      });
    });
	
	$(window).scroll(function(){
		$(".box").show();
		$container.masonry( 'reload' )
		if($("img[src$='/images/lazy.jpg']").length>0){
			obj=$("img[src$='/images/lazy.jpg']");
			
			len=obj.length;
			
			for(i=0;i<len;i++){
				if(i<12){
					obj.eq(i).attr("src",obj.eq(i).attr("data-original"));
				}
			}
			
			$container.masonry( 'reload' )
		}
		
	}
	)
	


});

</script> 
{include file="footer.html"}