楼盘分享

application/app/view/index/share_detail.html

@@ -19,30 +19,10 @@
     <div class="lp-bunner">
         <ul class="swiper-wrapper" id="img_item_ul">
         </ul>
-        <span class="lp-bunner-page"> <span class="lp-index"> 1 </span> / <span class="lp-sum"> 50 </span> </span></div>
+        <span class="lp-bunner-page"> <span class="lp-index"> 1 </span> / <span class="lp-sum"> 50 </span> </span>
+    </div>
 </header>
-<!--大图展示-->
-<div class="shopBigBox">
-    <header class="head">
-        <div class="top">
-            <div class="head-l"><a class="return"> </a></div>
-            <h1><i id="totalIndex">1</i>/ <i>50</i></h1>
 
-            <div class="u_detail_btn1" onclick="$('.shopBigBox').hide();"></div>
-            <div class="u_detail_btn2" style="display: none;"></div>
-        </div>
-    </header>
-    <div class="shopBigScrollBox"></div>
-    <div id="classNames" class="showBigClass classNamesScroll">
-        <ul class="swiper-wrapper">
-            <li class="swiper-slide" data-index="101" id="handle_img_1"> 效果图</li>
-            <li class="swiper-slide" data-index="102" id="handle_img_2"> 实景图</li>
-            <li class="swiper-slide" data-index="103" id="handle_img_3"> 样板图</li>
-            <li class="swiper-slide" data-index="104" id="handle_img_4"> 户型图</li>
-            <li class="swiper-slide" data-index="105" id="handle_img_5"> 交通图</li>
-        </ul>
-    </div>
-</div>
 <!--line 1-->
 <div class="line_a">
     <p class="a_fonta">
@@ -89,6 +69,9 @@
 			<span class="b1_span2">
 				<span class="b1_span3">
 				</span>
+                -
+                <span class="b1_span34">
+				</span>
 
 				<font class="b1_font">
                     ㎡
@@ -225,11 +208,8 @@
 <script src="/app/js/swiper.js"></script>
 <script src="/app/js/app_jump.js" ></script>
 <script src="/app/js/common.js" charset="utf-8"></script>
-<!--<script src="/app/js/details_tl.js"></script>-->
 <script src="/app/js/detaila_tl.js"></script>
 <script src="/app/js/Tab_min.js" charset="utf-8"></script>
-<script src="/app/js/jquery.bxslider.js" charset="utf-8"></script>
-<script src="/app/js/jquery.easing.min.js" charset="utf-8"></script>
 <script type="text/javascript">
 
     $(document).ready(function(){

public/app/js/detaila_tl.js

@@ -49,8 +49,9 @@
 			}
 
 
-			$(".balance_num").html(response.data.balance_num);
-			$(".b1_span3").html(response.data.room_area_all);
+			$(".balance_num").html(response.data.room_num_left);
+			$(".b1_span3").html(response.data.room_area);
+			$(".b1_span34").html(response.data.room_area2);
 			$(".b1_span4").html(response.data.business_area);
 			$(".b3_span").html(response.data.shangpu_type_str);
 			$(".b3_span2").html(response.data.yetai);
@@ -67,10 +68,16 @@
 			$("#b4_font").html(b4_font);
 			//var lp_img=response.data.house_button_img;
 			var lp_img=response.data.images;
-			for(var n=0;n<lp_img.length;n++){
-				slider3+='<div class="slide"><img src="'+response.data.api_path+response.data.images[n].imagename+'"></div>'
+			var lp_img1=response.data.plan_images;
+			var img_item_ul="";
+			for(var n=0;n<lp_img1.length;n++){
+				slider3+='<div class="slide"><img src="'+response.data.api_path+response.data.plan_images[n].imagename+'"></div>'
 				$(".slider3").html(slider3);
 			}
+			for(var n=0;n<lp_img.length;n++){
+				img_item_ul+='<li class="swiper-slide swiper-slide-active" data-index="1" data-totalindex="1" data-class="101" data-sum="6" style="width: 414px;"><a><img src="'+response.data.api_path+response.data.images[n].imagename+'"></a></li>'
+				$("#img_item_ul").html(img_item_ul);
+			}
 			var longitude=response.data.longitude;
 			var latitude=response.data.latitude;
 // 百度地图API功能
@@ -79,6 +86,42 @@
 //			map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
 //			map.setCurrentCity("上海");          // 设置地图显示的城市 此项是必须设置的
 //			map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
+			var swiper = new Swiper('.lp-bunner',{
+				preloadImages: false, lazyLoading: true, lazyLoadingOnTransitionStart: true,
+				onTransitionEnd: function(swiper){
+					$('.lp-index').text(swiper.activeIndex+1);
+				},
+				onInit: function(swiper){
+					$('.lp-index').text(swiper.activeIndex+1);
+					$('.lp-sum').text(swiper.imagesToLoad.length || swiper.imagesLoaded || $('img', '.lp-bunner').size());
+				},
+				onClick:function(swiper){
+					$('.shopBigBox').show();
+					if ( ! bimgSwiper) {
+						bimgSwiper = new Swiper('.shopBigScrollBox',{
+							preloadImages: false, lazyLoading: true, lazyLoadingOnTransitionStart: true,
+							initialSlide:swiper.activeIndex,
+							onTransitionEnd:function(/*swiper*/){
+								showBImg.count();
+							},
+							onInit:function(){
+								showBImg.count();
+							}
+						});
+					}
+				}
+			});
+			var liWidth = $('.showBigClass li').click(function(){
+				$(this).addClass('on').siblings().removeClass('on');
+				var albumType = $(this).attr('data-index');
+				var $li = $(".shopBigBox .swiper-wrapper").find("[data-class=" + albumType +"]:first");
+				bimgSwiper.slideTo(+$li.data("totalindex") - 1, 500, true);
+			}).width();
+			typeSwiper = new Swiper('.showBigClass',{
+				width: liWidth ? liWidth : 52.5
+			});
+			showBImg.html();
+
 
 		},
 		error: function () {

public/app/js/details_tl.js

-function get_Date(tt){
-	var tmp='未定';
-	if(typeof (tt)=='undefined'||tt=='' || tt==null){
-		return tmp;
-	}
-	var arr=tt.split(' ');
-	return time1=arr[0];
-}
 
 function initAlbumPhoto() {
 	var showBImg={}, bimgSwiper, typeSwiper;;
@@ -179,10 +171,11 @@ if (url.indexOf("?") != -1) {
 	}
 }
 _id=theRequest.id;
-	$.ajax({
-
-		url:ServerHost+"/houseinfos/getdetails",
-		data:{"id":_id},
+$.ajax({
+	url: "/app.php/app/getShopDetails",
+	data: {
+		"id":_id
+	},
 	type:"POST",
 	dataType:"text",
 	beforeSend:function(){},
@@ -306,4 +299,4 @@ _id=theRequest.id;
 		$("#totalIndex").next().html($(".lp-sum").html());
 	},
 	error:function(){}
-	});
+});