多伦多黄页|加拿大黄页-约克论坛

<div class="l-widget" style="margin: 40px 0 0;">
            <div class="imagepost imagepost-views">
                <ul>
                    <li>
                        <div class="imagepost-cover">
                            <div class="swiper-container">
                                <div class="swiper-wrapper" id="eat-img-list-big">
                                    <div class="imagepost-number"></div>                                  
                                    <div class="my-gallery" itemscope itemtype="http://schema.org/ImageGallery">                                      
                                    </div>
                                     <script>
                                         var initPhotoSwipeFromDOM = function (gallerySelector) {
                                             var parseThumbnailElements = function (el) {
                                                 var thumbElements = el.childNodes,
                                                     numNodes = thumbElements.length,
                                                     items = [],
                                                     figureEl,
                                                     linkEl,
                                                     size,
                                                     item;
                                                 for (var i = 0; i < numNodes; i++) {
                                                     figureEl = thumbElements[i];
                                                     if (figureEl.nodeType !== 1) {
                                                         continue;
                                                     }
                                                     linkEl = figureEl.children[0];
                                                     size = linkEl.getAttribute('data-size').split('x');
                                                     item = {
                                                         src: linkEl.getAttribute('href'),
                                                         w: parseInt(size[0], 10),
                                                         h: parseInt(size[1], 10)
                                                     };
                                                     if (figureEl.children.length > 1) {
                                                         item.title = figureEl.children[1].innerHTML;
                                                     }
                                                     if (linkEl.children.length > 0) {
                                                         item.msrc = linkEl.children[0].getAttribute('src');
                                                     }
                                                     item.el = figureEl;
                                                     items.push(item);
                                                 }
                                                 return items;
                                             };
                                             var closest = function closest(el, fn) {
                                                 return el && (fn(el) ? el : closest(el.parentNode, fn));
                                             };
                                             var onThumbnailsClick = function (e) {
                                                 e = e || window.event;
                                                 e.preventDefault ? e.preventDefault() : e.returnValue = false;
                                                 var eTarget = e.target || e.srcElement;
                                                 var clickedListItem = closest(eTarget, function (el) {
                                                     return (el.tagName && el.tagName.toUpperCase() === 'FIGURE');
                                                 });
                                                 if (!clickedListItem) {
                                                     return;
                                                 }
                                                 var clickedGallery = clickedListItem.parentNode,
                                                     childNodes = clickedListItem.parentNode.childNodes,
                                                     numChildNodes = childNodes.length,
                                                     nodeIndex = 0,
                                                     index;
                                                 for (var i = 0; i < numChildNodes; i++) {
                                                     if (childNodes[i].nodeType !== 1) {
                                                         continue;
                                                     }
                                                     if (childNodes[i] === clickedListItem) {
                                                         index = nodeIndex;
                                                         break;
                                                     }
                                                     nodeIndex++;
                                                 }
                                                 if (index >= 0) {
                                                     openPhotoSwipe(index, clickedGallery);
                                                 }
                                                 return false;
                                             };
                                             var photoswipeParseHash = function () {
                                                 var hash = window.location.hash.substring(1),
                                                     params = {};
                                                 if (hash.length < 5) {
                                                     return params;
                                                 }
                                                 var vars = hash.split('&');
                                                 for (var i = 0; i < vars.length; i++) {
                                                     if (!vars[i]) {
                                                         continue;
                                                     }
                                                     var pair = vars[i].split('=');
                                                     if (pair.length < 2) {
                                                         continue;
                                                     }
                                                     params[pair[0]] = pair[1];
                                                 }
                                                 if (params.gid) {
                                                     params.gid = parseInt(params.gid, 10);
                                                 }
                                                 return params;
                                             };

var openPhotoSwipe = function (index, galleryElement, disableAnimation, fromURL) {
                                                 var pswpElement = document.querySelectorAll('.pswp')[0],
                                                     gallery,
                                                     options,
                                                     items;
                                                 items = parseThumbnailElements(galleryElement);
                                                 options = {
                                                     galleryUID: galleryElement.getAttribute('data-pswp-uid'),
                                                     getThumbBoundsFn: function (index) {
                                                         var thumbnail = items[index].el.getElementsByTagName('img')[0], // find thumbnail
                                                             pageYScroll = window.pageYOffset || document.documentElement.scrollTop,
                                                             rect = thumbnail.getBoundingClientRect();
                                                         return { x: rect.left, y: rect.top + pageYScroll, w: rect.width };
                                                     }

};
                                                 if (fromURL) {
                                                     if (options.galleryPIDs) {
                                                         for (var j = 0; j < items.length; j++) {
                                                             if (items[j].pid == index) {
                                                                 options.index = j;
                                                                 break;
                                                             }
                                                         }
                                                     } else {
                                                         options.index = parseInt(index, 10) - 1;
                                                     }
                                                 } else {
                                                     options.index = parseInt(index, 10);
                                                 }
                                                 if (isNaN(options.index)) {
                                                     return;
                                                 }
                                                 if (disableAnimation) {
                                                     options.showAnimationDuration = 0;
                                                 }
                                                 gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
                                                 gallery.init();
                                             };
                                             var galleryElements = document.querySelectorAll(gallerySelector);
                                             for (var i = 0, l = galleryElements.length; i < l; i++) {
                                                 galleryElements[i].setAttribute('data-pswp-uid', i + 1);
                                                 galleryElements[i].onclick = onThumbnailsClick;
                                             }
                                             var hashData = photoswipeParseHash();
                                             if (hashData.pid && hashData.gid) {
                                                 openPhotoSwipe(hashData.pid, galleryElements[hashData.gid - 1], true, true);
                                             }
                                         };
                                         initPhotoSwipeFromDOM('.my-gallery');
</script>
                                </div>
                            </div>
                        </div>
                        <div class="imagepost-content">
                            <h1><a href="javascript:void(0)">{title}</a>
                                
                               
                            </h1>
                            <div class="imagepost-subtitle">{subtitle}</div>
                            <dl class="imagepost-evaluate">
                                <dt class="imagepost-phone"><span><em style="width:{indexvalue}%"></em></span>{comments}人评价</dt>
                            </dl>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="l-widget" style=" position: relative; margin:10px auto 0; padding: 30px 0 30px 18%; text-align: center; display:none">
            <img src="assets/img/food-bgimg.png" alt="" style="position: absolute; top: 0; left: 0; width:100%"  onclick="download()"/>
            <p style="position: absolute; top: 10px; color: #fff; text-align: center;"><font style="font-size: 20px; color: #ff0; padding: 0 0 0 10px;"></font></p>
        </div>
        <div class="l-widget">            
            <div class="views">
                <ul class="views-list">
                    <li class="cb">
                        <div class="views-title"><img src="assets/img/food-call.jpg" alt="" /></div>
                        <div class="views-meta views-highlight"><a href="tel:{tel}">{tel}</a></div>
                        <div class="views-call"><a href="tel:{tel}"><img src="assets/img/icon-call.jpg" alt="" /></a></div>
                    </li>                   
                    <li>
                        <div class="views-title"><img src="assets/img/food-adress.jpg" alt="" /></div>
                        <div class="views-meta">
                                                 
                            <div>{address}</div>
                            {otheraddress}
                        </div>
                        <div class="views-range">                            
                            <div class="views-map" style="display:none"><img src="assets/img/icon-map.jpg" alt="" /> 1118km <img src="assets/img/icon-arrow.png" alt="" class="views-arrow-right" />                                
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="views-title"><img src="assets/img/food-time.jpg" alt="" /></div>
                        <div class="views-meta"><em>营业时间</em><span class="mondaybus">{monday}</span>
                            <div class="views-datelist" style="display: none;">
                                <ul>
                                    {opentimehtml}
                                </ul>
                            </div>
                        </div>
                        <div class="views-icon views-datelist-icon" onclick="onbussiness()"><img src="assets/img/icon-arrow.png" alt="" /></div>
                    </li>
                </ul>
            </div>
        </div>    
        <div class="row">
            
        </div>
        <div class="row">
            <section class="imgcols">
                <header>
                    <h1>推荐菜
                    </h1>
                    <h2>{disheshtml}                 
                    </h2>
                </header>                               
            </section>
        </div>
        <div class="l-widget">
            <div class="separator"></div>
        </div>
        <div class="row">
            <section class="imgcols">
                <header>
                    <h1>商家介绍
                    </h1>
                    <p>{subdetails}</p>
                </header>                               
            </section>
        </div>