Цикл 2 JS и октябрь CMS
Я только начал использовать October CMS, опыт был замечательным, но у меня возникла проблема с отображением определенных частей главной страницы моего проекта при использовании октябрьской CMS.
Части, которые не отображаются, являются частями, которые я использовал cycle2 JS http://jquery.malsup.com/cycle2/
Раздел страницы htm, который использует синтаксис цикла2, выглядит следующим образом
<div class="image-container">
<div class="cycle-slideshow" data-cycle-fx=carousel data-cycle-timeout=0 data-cycle-carousel-visible=2
data-cycle-caption="#custom-caption2" data-cycle-caption-template="
<h1 id='custom-caption2' class='sourcesans font-weight-bold' style='color:#9e2424;font-size:35px'>{{alt}}</h1>
<p class='sourcesans' style='font-size:18px;padding-bottom: 10px; color: white;font-weight: 300'>{{cycleTitle}}</p>
<p style='font-weight:900; font-size: 14px'>
<a target='_self' style='color:white;text-decoration-line:none;' href='{{name}}'>
See More</a>
</p>"
data-cycle-pager="#custom-pager" data-cycle-pager-template="<a target='_self' style='color:white;font-size:22px;font-weight: 300;' class='nav-link graybar-nav sourcesans' href='{{name}}'>{{alt}}</a>"
data-cycle-pager-event="mouseover">
<h1 class="sourcesans" style="font-size:50px;color: #fff;font-weight: 300;padding-top: 10px"> Our Services</h1>
<!-- <img data-cycle-title="" style="padding-top:160px; width: 100%; height:700px; z-index: -1;" src="img/sld-services.jpg"> -->
<img name="services/asset-management.html" data-cycle-title="The Asset Management department was established to provide services to
institutional and individual investors. With our team of experienced fund managers, we are able to
provide tailored products and services to both..."
alt="Asset Management" style="padding-top:160px; width: 1192px; height: 700px; z-index: -1;" src="{{'assets/img/sld-asm.jpg'|theme }}">
<img name="services/trusteeship.html" data-cycle-title="In Corporate Trust Services, we act as trustees to consortium and syndications, bonds of state and local governments,
Unit Trust Schemes, Debenture Stocks etc. In lending transactions, we represent mainly the interest of the lenders by... "
alt="Trusteeship" style="padding-top:160px; width: 1192px;height: 700px; z-index: -1;" src="{{'assets/img/sld-trs.jpg'|theme }}">
<img name="services/stockbroking.html" data-cycle-title="Associated Asset Manager LTD is a wholly owned subsidiary of SAMTL. AAML is a member
of the Nigerian Stock Exchange (NSE) and is licensed by the Securities and Exchange Commission (SEC) in.
AAML remains a leading player in Nigeria’s..."
alt="Stockbroking" style="padding-top:160px; width: 1192px; height: 700px; z-index: -1;" src="{{'assets/img/sld-sb.jpg'|theme }}">
<img name="services/advisory.html" data-cycle-title="We deliver strategic management, corporate finance and Advisory services to clients relating to restructuring
(corporate restructuring, debt restructuring, financial restructuring), Mergers & Acquisitions (M&A)..."
alt="Advisory" style="padding-top:160px; width: 1192px; height: 700px; z-index: -1;" src="{{'assets/img/sld-ad.jpg'|theme }}">
</div>
</div>
<div style="padding-bottom:70px" class="row">
<div class="col-md-4">
<div id="custom-caption" class="cycle-caption">
</div>
</div>
<div style="padding-top:180px" class="col-md-1">
<div class="row">
<ion-icon data-cycle-cmd="prev" style="color:#9a2425" size="large" name="arrow-round-back"></ion-icon>
<ion-icon data-cycle-cmd="next" style="color:#9a2425" size="large" name="arrow-round-forward"></ion-icon>
</div>
</div>
<div class="col-md-7">
<div class="cycle-slideshow" data-cycle-fx=carousel data-cycle-timeout=0 data-cycle-carousel-visible=2
data-cycle-caption="#custom-caption" data-cycle-caption-template="{{alt}} <p class='h5 font-weight-light'>{{cycleTitle}}</p>"
data-cycle-pause-on-hover="true">
<img src="{{'assets/img/associated-asset-managers-small.jpg'|theme }}" data-cycle-title="Associated Asset Managers Limited (AAML) was
licensed in June 2006 as a wholly owned subsidiary of Associated Discount House who recently divested, based on
the CBN’s directives We execute trades on behalf of our clients on the floor of The Nigerian Stock Exchange and
ensure that their investment objectives are met."
alt="<h2 class=’sourcesans’ style=’font-size:30px;color:#9a2425;font-weight:600;padding-bottom:30px’>
<a target='_self' style='color:inherit;text-decoration-line:none' href='subs/asset-management-trustees.html'>
Associated Asset Managers Limited
</a>
</h2>">
<img src="{{'assets/img/Leasing.jpg'|theme }}" data-cycle-title="SAMTL Leasing Ltd is a fully owned subsidiary of SAMTL
established to provide first class, affordable and convenient lease options to individuals and corporate organisations.
These include:
Fleet and logistics management (operating lease)
vehicle Leasing (executive, pool, buses, trucks and equipment),
consumer and business lease, and
driver recruitment and training."
alt="<h2 class=’sourcesans’ style=’font-size:30px;color:#9a2425;font-weight:600;padding-bottom:30px’>
<a target='_self' style='color:inherit;text-decoration-line:none' href='subs/samtl-leasing.html'>
SAMTL Leasing Limited
</a>
</h2>">
</div>
</div>
</div>
Обратите внимание, что все это работает хорошо, как статический файл HTML. Для визуализации, я приложил скриншоты HTML против октября CMS + Cycle2 JS. Изображение, показывающее ошибку при использовании October CMS с Cycle2 JS
