Auto scrolling 'Fancy Title'

1 reply · opened Jul 21, 2016

JjiwonromJul 21, 2016

Hi.

I'm writing this following code.
Can I make them to auto-scroll?

ex) First 3s: showing first 4 'oc-item's
Next 3s: showing following 4 'oc-item's
Last 3s: showing last 4 'oc-item's

<div class="fancy-title title-border">
<h2>준비중인 프로젝트</h2>
</div>

<div id="oc-images" class="owl-carousel image-carousel carousel-widget" data-margin="30" data-nav="false" data-items-xxs="1" data-items-xs="2" data-items-sm="3" data-items-lg="4">

					&lt;div class="oc-item"&gt;
						&lt;div class="ipost clearfix"&gt;
							&lt;div class="entry-image"&gt;
								[

attachment
](#)
</div>
<div class="entry-title">
<h4>제 11회 전통의 홍익미술전</h4>
</div>
<div class="entry-content">
<p>올해 11회를 맞은 전통의 홍익 미술전. ‘How We Art!’</p>
</div>
</div>
</div>
<div class="oc-item">
<div class="ipost clearfix">
<div class="entry-image">

attachment

</div>
<div class="entry-title">
<h4>전시x토크x파티 ‘더 메디치’</h4>
</div>
<div class="entry-content">
<p>마이크임팩트가 진행하는 토크x파티, THE MEDICI. 그리고 신예 예술가들의 전시</p>
</div>
</div>
</div>
<div class="oc-item">
<div class="ipost clearfix">
<div class="entry-image">

attachment

</div>
<div class="entry-title">
<h4>공예인들을 위한 플리마켓, 공연, 옥상 축제!</h4>
</div>
<div class="entry-content">
<p>시원한 여름밤, 이대거리가 한눈에 들여다보이는 옥상에서 펼쳐지는 Looftop 공예 Festival!</p>
</div>
</div>
</div>
<div class="oc-item">
<div class="ipost clearfix">
<div class="entry-image">

attachment

</div>
<div class="entry-title">
<h4>‘유기견 초상’ 장호성 작가의 사진집 프로젝트</h4>
</div>
<div class="entry-content">
<p>거리의 수많은 동물들, Urban beast들을 담은 사진집을 출간합니다.</p>
</div>
</div>
</div>
<div class="oc-item">
<div class="ipost clearfix">
<div class="entry-image">

attachment

</div>
<div class="entry-title">
<h4>윤민영 작가의 첫번째 개인전</h4>
</div>
<div class="entry-content">
<p>계절과 자연. 윤민영작가님의 첫 개인전을 준비합니다.</p>
</div>
</div>
</div>
<div class="oc-item">
<div class="ipost clearfix">
<div class="entry-image">

attachment

</div>
<div class="entry-title">
<h4>2016 Asia Hotel Art Fair</h4>
</div>
<div class="entry-content">
<p>홍콩, 도쿄 그리고 서울, 소수의 컬렉터들을 대상으로 진행한 AHAF가 대중들에게 첫 선을 보입니다.</p>
</div>
</div>
</div>
<div class="oc-item">
<div class="ipost clearfix">
<div class="entry-image">

attachment

</div>
<div class="entry-title">
<h4>송광찬 작가의 개인전 프로젝트</h4>
</div>
<div class="entry-content">
<p>한국의 아름다움을 담은 송광찬 작가님의 작품들이 터키에서 전시됩니다.</p>
</div>
</div>
</div>
<div class="oc-item">
<div class="ipost clearfix">
<div class="entry-image">

attachment

</div>
<div class="entry-title">
<h4>미술와 영화가 만난 명품 팟캐스트, 명화남녀</h4>
</div>
<div class="entry-content">
<p>영화가 안내하는 미술 ‘명화남녀’의 운영진이 선물하는 특별한 컨텐츠</p>
</div>
</div>
</div>
<div class="oc-item">
<div class="ipost clearfix">
<div class="entry-image">

attachment

</div>
<div class="entry-title">
<h4>예술을 품은 한복, 에올라타</h4>
</div>
<div class="entry-content">
<p>한국 특유의 문화적 가치를 담는 생활한복, 이제는 예술가와 협업한 한정판 에디션을 선보입니다</p>
</div>
</div>
</div>
<div class="oc-item">
<div class="ipost clearfix">
<div class="entry-image">

attachment

</div>
<div class="entry-title">
<h4>홍대 전체가 전시장이 된다. 홍대 앞 거리미술전</h4>
</div>
<div class="entry-content">
<p>1년에 한번 홍대 전체가 전시장이 되는 순간, 거리미술전을 함께 만들어 갑니다.</p>
</div>
</div>
</div>
<div class="oc-item">
<div class="ipost clearfix">
<div class="entry-image">

attachment

</div>
<div class="entry-title">
<h4>정승윤 작가의 새로운
아트 브랜드
</h4>
</div>
<div class="entry-content">
<p>정승윤 작가님의 작품을 담은 브랜드, 이를 온전히 담은 아트상품</p>
</div>
</div>
</div>
<div class="oc-item">
<div class="ipost clearfix">
<div class="entry-image">

attachment

</div>
<div class="entry-title">
<h4>출판으로써 표현가능한 모든 것! 무가지 NOB</h4>
</div>
<div class="entry-content">
<p>4년간 작가들의 자유로운 작품을 담아온 NOB이 특별한 전시를 진행하려 합니다.</p>
</div>
</div>
</div>
</div>

SSemicolon WebSTAFFJul 22, 2016

Hello,

You can definitely Auto-Scroll the Owl Carousel. Simply add the data-autoplay="3000" Attribute to the .carousel-widget Element. Complete Setup Details can be found in the Documentation > Shortcodes > Owl Carousel Section.

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard