묻고답하기
도움의 손길이 절실합니다.
2014.09.04 07:35
어제 처음으로 제로보드를 사용하는데요.
사이트 디자인 설정>레이아웃>상세설정에서 슬라이드 이미지 3개 넣고,
슬라이드 이미지가 자동으로 바뀌고 버튼을 눌러서 바꾸고 싶은데요.
어떻게 해야 되나요?
소스는 밑에 있습니다.
고수님들 꼭 좀 부탁드리겠습니다.
<load target="default.layout.css" />
<load target="default.layout.webfont.css" cond="$layout_info->WEB_FONT == 'YES'" />
<load target="../../common/js/respond.min.js" targetie="lt IE 9" />
<load target="default.layout.js" type="body" />
<div class="container">
<p class="skip"><a href="#content">{$lang->skip_to_content}</a></p>
<header class="header">
<h1>
<a href="{geturl('')}" id="siteTitle">
<img src="siteTitle.png" alt="XpressEngine" cond="!Context::getSiteTitle() && !$layout_info->LOGO_IMG && !$layout_info->LOGO_TEXT">
<block cond="Context::getSiteTitle() && !$layout_info->LOGO_IMG && !$layout_info->LOGO_TEXT">{Context::getSiteTitle()}</block>
<img src="{$layout_info->LOGO_IMG}" alt="{$layout_info->LOGO_TEXT}" cond="$layout_info->LOGO_IMG">
<block cond="!$layout_info->LOGO_IMG && $layout_info->LOGO_TEXT">{$layout_info->LOGO_TEXT}</block>
</a>
</h1>
<div class="side">
<!-- ACCOUNT -->
<img widget="login_info" skin="default" />
<!-- /ACCOUNT -->
<!-- SEARCH -->
<form action="{getUrl()}" method="get" class="search">
<input type="hidden" name="vid" value="{$vid}" />
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="act" value="IS" />
<input type="text" name="is_keyword" value="{$is_keyword}" required placeholder="{$lang->cmd_search}" title="{$lang->cmd_search}" />
<input type="submit" value="{$lang->cmd_search}" />
</form>
<!-- /SEARCH -->
</div>
<!-- GNB -->
<nav class="gnb" id="gnb">
<ul>
<li loop="$GNB->list=>$key1,$val1" class="active"|cond="$val1['selected']">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
<ul cond="$val1['list']">
<li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a></li>
</ul>
</li>
</ul>
</nav>
<!-- /GNB -->
</header>
<!-- VISUAL | DEFAULT -->
<div class="visual main"|cond="$layout_info->LAYOUT_TYPE=='MAIN_PAGE'" class="visual sub"|cond="$layout_info->LAYOUT_TYPE=='SUB_PAGE'" cond="!$layout_info->VISUAL_IMAGE_1 && !$layout_info->VISUAL_IMAGE_2 && !$layout_info->VISUAL_IMAGE_3 && $layout_info->VISUAL_USE=='YES'">
<div class="list">
<a href="{geturl('','module','admin','act','dispAdminConfigGeneral')}" class="item i1" cond="$layout_info->LAYOUT_TYPE=='MAIN_PAGE'">
<img src="visual.main.1.jpg" alt="" />
<p>Click, to change<br> the site title.</p>
</a>
<a href="{geturl('','module','admin','act','dispMenuAdminSiteMap')}" class="item i2" cond="$layout_info->LAYOUT_TYPE=='MAIN_PAGE'">
<img src="visual.main.2.jpg" alt="" />
<p>Click, to change<br> the site navigation.</p>
</a>
<a href="{geturl('','module','admin','act','dispLayoutAdminInstanceList','layout','default')}" class="item i3" cond="$layout_info->LAYOUT_TYPE=='MAIN_PAGE'">
<img src="visual.main.3.jpg" alt="" />
<p>Click, to change<br> the site visual image.</p>
</a>
<a href="{geturl('','module','admin','act','dispLayoutAdminInstanceList','layout','default')}" class="item i1" cond="$layout_info->LAYOUT_TYPE=='SUB_PAGE'">
<img src="visual.sub.jpg" alt="" />
<p>Click, to change the site visual image.</p>
</a>
</div>
<button type="button" class="prev" title="Prev"><i></i></button>
<button type="button" class="next" title="Next"><i></i></button>
</div>
<!-- VISUAL | USER DEFINE -->
<div class="visual main"|cond="$layout_info->LAYOUT_TYPE=='MAIN_PAGE'" class="visual sub"|cond="$layout_info->LAYOUT_TYPE=='SUB_PAGE'" cond="($layout_info->VISUAL_IMAGE_1 || $layout_info->VISUAL_IMAGE_2 || $layout_info->VISUAL_IMAGE_3) && $layout_info->VISUAL_USE=='YES'">
<div class="list">
<a href="{$layout_info->VISUAL_LINK_1}" class="item i1" cond="$layout_info->VISUAL_IMAGE_1">
<img src="{$layout_info->VISUAL_IMAGE_1}" alt="" />
<p>{$layout_info->VISUAL_TEXT_1}</p>
</a>
<a href="{$layout_info->VISUAL_LINK_2}" class="item i2" cond="$layout_info->VISUAL_IMAGE_2">
<img src="{$layout_info->VISUAL_IMAGE_2}" alt="" />
<p>{$layout_info->VISUAL_TEXT_2}</p>
</a>
<a href="{$layout_info->VISUAL_LINK_3}" class="item i3" cond="$layout_info->VISUAL_IMAGE_3">
<img src="{$layout_info->VISUAL_IMAGE_3}" alt="" />
<p>{$layout_info->VISUAL_TEXT_3}</p>
</a>
</div>
<button type="button" class="prev" title="Prev"><i></i></button>
<button type="button" class="next" title="Next"><i></i></button>
</div>
<!-- /VISUAL -->
<div class="body main"|cond="$layout_info->LAYOUT_TYPE=='MAIN_PAGE'" class="body sub"|cond="$layout_info->LAYOUT_TYPE=='SUB_PAGE'">
<!-- LNB -->
<nav class="lnb" cond="$layout_info->LAYOUT_TYPE == 'SUB_PAGE'">
<h1 loop="$GNB->list=>$key1,$val1" cond="$val1['selected']"><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a></h1>
<ul loop="$GNB->list=>$key1,$val1" cond="$val1['selected'] && $val1['list']">
<li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
<ul cond="$val2['list']">
<li loop="$val2['list']=>$key3,$val3" class="active"|cond="$val3['selected']"><a href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'">{$val3['link']}</a></li>
</ul>
</li>
</ul>
</nav>
<!-- /LNB -->
<!-- CONTENT -->
<div class="content" id="content">
{$content}
</div>
<!-- /CONTENT -->
</div>
</div>
<footer class="footer">
<p cond="!$layout_info->FOOTER">Powered by <a href="
댓글 2
-
Novelic
2014.09.04 13:15
-
니크니크
2014.09.04 23:59
네, 감사합니다. ^^
위젯이란게 미리 만들어놓은 소스군요.
테스트 해 보고 안되면 다시 질문드리도록 하겠습니다.
감사합니다~
이미지 슬라이더 위젯을 형성해서 그 소스를 붙여넣으세요. 위젯 설치는 다운로드 게시판에 있는 각종 이미지 슬라이더 위젯 자료의 설명을 참고하시고, 미리보기로 '위젯 페이지'에서 한 번 테스트로 해보신 다음 소스를 붙여넣으시면 됩니다.