12

index.html

@@ -12,17 +12,12 @@
 		<meta name="author" content="order by mobanxiu.cn" />
 		<link rel="stylesheet" type="text/css" href="/skin/css/bootstrap.css" />
 		<link rel="stylesheet" type="text/css" href="/skin/css/style.css" />
-		<link rel="stylesheet" type="text/css" href="/skin/css/flexible-bootstrap-carousel.css" />
-		
+
 		<script src="/skin/js/jquery-1.8.3.min.js"></script>
 		
 		<script src="/skin/js/commonHttp.js"></script>
-		<script src="/skin/js/flexible-bootstrap-carousel.js"></script>
-
 		
-		<!--<script src="/skin/js/scripta.js"></script>-->
-		<script src="/skin/js/jquery.tmpl.js"></script> 
-		 
+		
 		<!--<script src="/skin/js/bootstrap.js"></script>-->
 		
 
@@ -107,7 +102,7 @@
 						<p class="p2" id="titlec"></p>
 					</div>
 					<div class="ui-homehouse lrlist" data-count-pc="3" data-count-mb="1">
-						<!--<a href="" class="aw l">
+						<a href="" class="aw l">
 							<</a>
 								<a href="" class="aw r">></a>
 								<div class="ct">
@@ -116,52 +111,7 @@
 										
 									</ul>
 									<div class="clearfix"></div>
-								</div>-->
-								<div class="carousel-example">
-			<!-- FLEXIBLE BOOTSTRAP CAROUSEL -->
-			<div id="simple-content-carousel" class="carousel flexible slide" data-ride="carousel" data-interval="5000" data-wrap="true">
-				
-				<div class="items" id="HomeContent">
-					<!--<div class="flex-item">
-						<img class="img-responsive" src="/skin/images/banner-img1.jpg"/>
-						12
-					</div>
-				
-					<div class="flex-item">
-						<img class="img-responsive" src="/skin/images/banner-img2.jpg"/>
-					</div>
-					
-					<div class="flex-item">
-						<img class="img-responsive" src="/skin/images/banner-img3.jpg"/>
-					</div>
-					
-					<div class="flex-item">
-						<img class="img-responsive" src="/skin/images/banner-img1.jpg"/>
-					</div>
-					
-					<div class="flex-item">
-						<img class="img-responsive" src="/skin/images/banner-img1.jpg"/>
-					</div>
-					
-					<div class="flex-item">
-						<img class="img-responsive" src="/skin/images/banner-img1.jpg"/>
-					</div>-->
-				</div>
-				
-				<div class="carousel-inner" role="listbox">
-					
-				</div>
-			
-				<a class="left carousel-control" href="#simple-content-carousel" role="button" data-slide="prev">
-					<span class="fa fa-angle-left" aria-hidden="true"><</span>
-					<span class="sr-only">Previous</span>
-				</a>
-				<a class="right carousel-control" href="#simple-content-carousel" role="button" data-slide="next">
-					<span class="fa fa-angle-right" aria-hidden="true">></span>
-					<span class="sr-only">Next</span>
-				</a>
-			</div>
-		</div>
+								</div>
 					</div>
 				</div>
 			</div>
@@ -253,11 +203,18 @@
 			</li>
 		</script>
 		<script type="text/html" id="HomeTemplate">
-			<div class="flex-item">
-				
-				 <img src="{{= zhu_images.shift() }}" alt="{{= title}}">    
-				
-			</div>
+			<li>
+				<a href="/a/jingxinminsu/5.html?id={{= id }}" class="i">
+					<div class="img"> <img src="{{= zhu_images.shift() }}" alt="{{= title}}"> </div>
+					<div class="txt">
+						<h3>{{= title}}</h3>
+						<p>{{= small_introduce}}</p>
+						<h5>
+						  <label for="">MORE</label>
+						</h5>
+					</div>
+				</a>
+			</li>
 		</script> 
 		
 		<script type="text/html" id="NewsTemplate">
@@ -349,103 +306,7 @@
 					$("#NewsTemplate").tmpl(result.data.c.introduce_model).appendTo("#NewsContent");
 					$("#ExpeTemplate").tmpl(result.data.d.introduce_model).appendTo("#ExpeContent");
 					
-					/* global $ */
-
-$(window).load(function() {
-	preloadImagesForCarousel();
-	
-	$(".carousel").on("aCarouselHasBeenAdjusted", function() {
-		sizeChoosing();
-		chooseColor();
-		adjustIndexesOfCarousel();
-	});
-	
-	adjustAllCarousels();
-});
-
-function sizeChoosing() {
-	$(".size .options").hide();
-	
-	$(".carousel").off("click").on("click", ".size", function() {
-		$(this).clearQueue();
-		
-		if ($(this).hasClass("shown"))
-		{
-			$(this).clearQueue().removeClass("shown").find(".options").slideUp(800);
-		}
-		else
-		{
-			$(this).clearQueue().addClass("shown").find(".options").slideDown(800);
-		}
-	});
-	
-	$(".carousel").on("click", ".option", function() {
-		$(this).closest(".size").find(".header .number").html($(this).text());
-	});
-}
-
-function chooseColor() {
-	$(".carousel").on("click", ".choose-color div", function() {
-		var img_path = findPathToDirectory($(this).closest(".flex-item").find(".good-image img").attr("src")) + $(this).attr("class") + ".png";
-		
-		$(this).closest(".flex-item").find(".good-image img").stop().fadeTo("slow", 0, function() {
-			$(this).attr("src", img_path);
-		}).fadeTo("slow", 1);
-	});
-}
 
-function findPathToDirectory(path_to_file) {
-	return path_to_file.slice(0, path_to_file.lastIndexOf("/") + 1);
-}
-
-function adjustIndexesOfCarousel() {
-	$(".carousel").each(function() {
-		setupIndexesOfCarousel($(this));
-	});
-	$(".carousel").on("slid.bs.carousel", function() {
-		setupIndexesOfCarousel($(this));
-	});
-}
-
-function setupIndexesOfCarousel(carousel) {
-	var total_number = $(carousel).find(".item").length;
-	var current_number = $(carousel).find(".item.active").index() + 1;
-	
-	$(carousel).find(".index").text(String(current_number) + " / " + String(total_number));
-}
-
-function preloadImages(images) { 
-  for (var i = 0; i < images.length; i++) {
-    $("<img />").attr("src", images[i]);
-  }
-}
-
-function collectImagesForPreloading() {
-	var images = [];
-	
-	$(".carousel .choose-color").each(function() {
-		var files = [];
-		
-		$(this).find("div").each(function() {
-			files.push($(this).attr("class"));
-		});
-		
-		var directory = findPathToDirectory($(this).closest(".flex-item").find(".good-image img").attr("src"));
-		
-		for (var i = 0; i < files.length; i++)
-		{
-			images.push(directory + files[i] + ".png");
-		}
-	});
-	
-	return images;
-}
-
-function preloadImagesForCarousel() {
-	var images = collectImagesForPreloading();
-	
-	preloadImages(images);
-}
 				}, "json");
 			}
 			function About(){