每日一更

wp-content/themes/tospur/views/detail.html

@@ -43,11 +43,22 @@
                 });
 
             },false);
+            var sliderTap = false;
             $("#slider").bind("tap",function(){
                 $("#carouselModal").modal('show');
 
                 var carousel = $("#carousel_wrapper");
                 var carouselWidth = carousel.width();
+
+                if (!sliderTap) {
+                    $.each(JSON.parse('{{ images|json_encode() }}'), function (index, item) {
+                        carousel.find('#carousel_scroller ul').append('<li><p><span>' +
+                        '<img src="{{ siteUrl }}' + item.path + '">' +
+                        '</span></p></li>');
+                        $('#carousel_indicator').append('<li/>');
+                    });
+                }
+
                 carousel.find("#carousel_scroller ul li").css({"width":carouselWidth});
                 carousel.find("#carousel_indicator li").removeClass("carousel_active");
                 carousel.find("#carousel_indicator li:first").addClass("carousel_active");
@@ -64,6 +75,7 @@
                     $("#carousel_indicator li").removeClass("carousel_active");
                     $("#carousel_indicator li").eq(this.currentPage.pageX).addClass("carousel_active");
                 });
+                sliderTap = true;
                 return false;
             });
             $("#carouselModal,#photoModal").bind("click",function(){
@@ -114,7 +126,7 @@
 <div class="addWrap">
     <div id="slider" class="swipe">
         <div class="swipe-wrap">
-            {% for item in images %}
+            {% for item in normalImages %}
                 <div>
                     <img src="{{siteUrl}}{{item.path}}">
                 </div>
@@ -122,7 +134,7 @@
         </div>
     </div>
     <ul id="indicator" class="list-inline text-center">
-        {% for i in 1..images|length %}
+        {% for i in 1..normalImages|length %}
             <li {% if loop.index0 == 0 %}class="active"{% endif %}></li>
         {% endfor %}
     </ul>
@@ -158,7 +170,7 @@
             <ul class="list-inline text-nowrap">
                 {% for item in mainImage %}
                     <li data-image-url="{{siteUrl}}{{ item.path }}">
-                        <p><img src="{{siteUrl}}{{ item.path }}"></p>
+                        <p><img src="{{siteUrl}}{{ item.smallPath }}"></p>
                         <p>{{item.type}}</p>
                         <p>{{item.area}}m<em>2</em></p>
                     </li>
@@ -308,19 +320,9 @@
     <div id="carousel_wrapper">
         <div id="carousel_scroller">
             <ul class="list-inline text-nowrap">
-                {% for item in images %}
-                    <li>
-                        <p>
-                            <span><img src="{{siteUrl}}{{item.path}}"></span>
-                        </p>
-                    </li>
-                {% endfor %}
             </ul>
         </div>
         <ul id="carousel_indicator" class="list-inline text-center indicators">
-            {% for i in 1..images|length %}
-                <li></li>
-            {% endfor %}
         </ul>
     </div>
 </div>

wp-content/themes/tospur/views/detailOther.html

@@ -42,10 +42,21 @@
                 });
 
             },false);
+            var sliderTap = false;
             $("#slider").bind("tap",function(){
                 $("#carouselModal").modal("show");
                 var carousel = $("#carousel_wrapper");
                 var carouselWidth = carousel.width();
+
+                if (!sliderTap) {
+                    $.each(JSON.parse('{{ images|json_encode() }}'), function (index, item) {
+                        carousel.find('#carousel_scroller ul').append('<li><p><span>' +
+                        '<img src="{{ siteUrl }}' + item.path + '">' +
+                        '</span></p></li>');
+                        $('#carousel_indicator').append('<li/>');
+                    });
+                }
+
                 carousel.find("#carousel_scroller ul li").css({"width":carouselWidth});
                 carousel.find("#carousel_indicator li").removeClass("carousel_active");
                 carousel.find("#carousel_indicator li:first").addClass("carousel_active");
@@ -113,7 +124,7 @@
 <div class="addWrap">
     <div id="slider" class="swipe">
         <div class="swipe-wrap">
-            {% for item in images %}
+            {% for item in normalImages %}
             <div>
                 <img src="{{siteUrl}}{{item.path}}">
             </div>
@@ -121,7 +132,7 @@
         </div>
     </div>
     <ul id="indicator" class="list-inline text-center">
-        {% for i in 1..images|length %}
+        {% for i in 1..normalImages|length %}
         <li {% if loop.index0 == 0 %}class="active"{% endif %}></li>
         {% endfor %}
     </ul>
@@ -294,19 +305,9 @@
     <div id="carousel_wrapper">
         <div id="carousel_scroller">
             <ul class="list-inline text-nowrap">
-                {% for item in images %}
-                <li>
-                    <p>
-                        <span><img src="{{siteUrl}}{{item.path}}"></span>
-                    </p>
-                </li>
-                {% endfor %}
             </ul>
         </div>
         <ul id="carousel_indicator" class="list-inline text-center indicators">
-            {% for i in 1..images|length %}
-            <li></li>
-            {% endfor %}
         </ul>
     </div>
 </div>

wp-content/themes/tospur/views/index.html

@@ -130,7 +130,7 @@
     </div>
 </div>
 <footer class="footer text-center navbar-fixed-bottom">
-    <a href="tel:400-123-4567">400-123-4567</a>
+    <a href="tel:400-828-5556">400-828-5556</a>
 </footer>
 <div class="loading" id="loading" style="display: none;">
     <ul class="list-unstyled">