레이아웃팁
기타 postedJul 16, 2013

슬라이드 개수를 늘리기

?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

slider.html 아래 코드를 찾아서 추가하고 싶은 이미지를 추가 하시면 슬라이드 개수를 늘릴수 있습니다. 숫자만 바꾸시면 됩니다.


<div class="slider-wrapper theme-default">

<div id="slider" class="nivoSlider">

<block cond="$layout_info->slider01">

       <a href="{$layout_info->slider01_url}"|cond="$layout_info->slider01_url"><img src="{$layout_info->slider01}" border="0" alt="slider01"/></a>

        </block>

        <block cond="$layout_info->slider02">

       <a href="{$layout_info->slider02_url}"|cond="$layout_info->slider02_url"><img src="{$layout_info->slider02}" border="0" alt="slider02"/></a>

        </block>

        <block cond="$layout_info->slider03">

       <a href="{$layout_info->slider03_url}"|cond="$layout_info->slider03_url"><img src="{$layout_info->slider03}" border="0" alt="slider03"/></a>

        </block>

        <block cond="$layout_info->slider04">

       <a href="{$layout_info->slider04_url}"|cond="$layout_info->slider04_url"><img src="{$layout_info->slider04}" border="0" alt="slider04"/></a>

        </block>

        <block cond="$layout_info->slider05">

        <a href="{$layout_info->slider05_url}"|cond="$layout_info->slider05_url"><img src="{$layout_info->slider05}" border="0" alt="slider05"/></a>

        </block>

</div>

</div>


이제 보이는 곳은 다 완료 하셨습니다. 다만 레이아웃 설정에서 이미지를 넣어줘야  위 슬라이드에 나오겠죠^^

conf/info.xml 에 가시면 아래 옵션에 4번을 똑같이 복사해서 붙여넣으세요. 그리고 숫자만 5로 바꾸시면 끝납니다.

 <!-- 슬라이드설정-->
<group>
<title xml:lang="ko">6. 슬라이드</title>
<var name="title_slider" type="select">
            <title xml:lang="ko">슬라이드</title>
            <options value="yes">
                <title xml:lang="ko">사용</title>
            </options>
            <options value="no">
                <title xml:lang="ko">사용안함</title>
            </options>
        </var>
<var name="title_slider_height" type="text">
            <title xml:lang="ko">슬라이드 높이</title>
            <description xml:lang="ko">슬라이드 높이를 조절하실수 있습니다.</description>
        </var>
<var name="slider01" type="image">
            <title xml:lang="ko">이미지1</title>
           <description xml:lang="ko">슬라이드 이미지 사이즈는 big:960*380가 적당합니다.</description>
        </var>
        <var name="slider01_url" type="text">
            <title xml:lang="ko">└ URL</title>
            <description xml:lang="ko">슬라이드01를 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.</description>
  </var>
<var name="slider02" type="image">
            <title xml:lang="ko">이미지2</title>
           <description xml:lang="ko">슬라이드 이미지 사이즈는 big:960*380가 적당합니다.</description>
        </var>
        <var name="slider02_url" type="text">
            <title xml:lang="ko">└ URL</title>
            <description xml:lang="ko">슬라이드02를 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.</description>
  </var>
<var name="slider03" type="image">
            <title xml:lang="ko">이미지3</title>
           <description xml:lang="ko">슬라이드 이미지 사이즈는 big:960*380가 적당합니다.</description>
        </var>
        <var name="slider03_url" type="text">
            <title xml:lang="ko">└ URL</title>
            <description xml:lang="ko">슬라이드03를 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.</description>
  </var>
<var name="slider04" type="image">
            <title xml:lang="ko">이미지4</title>
           <description xml:lang="ko">슬라이드 이미지 사이즈는 big:960*380가 적당합니다.</description>
        </var>
        <var name="slider04_url" type="text">
            <title xml:lang="ko">└ URL</title>
            <description xml:lang="ko">슬라이드04를 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.</description>
  </var>
<var name="slider05" type="image">
            <title xml:lang="ko">이미지5</title>
           <description xml:lang="ko">슬라이드 이미지 사이즈는 big:960*380가 적당합니다.</description>
        </var>
        <var name="slider05_url" type="text">
            <title xml:lang="ko">└ URL</title>
            <description xml:lang="ko">슬라이드05를 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.</description>
  </var>
</group>

List of Articles
번호 분류 제목 날짜 조회 수
공지 기타 초보를 위한 메뉴얼! 4 2012.04.15 20632
23 Cronos-X cronos x 슬라이드에 있는 나무 이미지 2014.02.18 5793
22 Cronos 크로노스 서브 이미지타이틀 PSD file file 2013.08.14 6042
» 기타 슬라이드 개수를 늘리기 2013.07.16 4101
20 Saturn Photo 상단메뉴 1차 2차 폰트 사이즈/폰트 2013.02.20 5604
19 Cronos 크로노스 슬라이드 PSD 6 file 2012.05.31 8909
18 Cronos 4단 배너를 새창열기(cronos_se도 포함) 2012.03.29 7610
17 Saturn Potal 본문에 3차 메뉴 삭제 하기 file 2012.03.21 7020
16 Cronos SE 대메뉴에서 글자크기나 간격 등을 조정하려면 어디서 하나요 2 file 2012.03.21 7310
15 Cronos SE 슬라이드 이미지 높이 조절하기 file 2012.01.02 9131
14 Cronos SE 맨위 반투명 없애는 방법! 1 file 2011.12.27 7708
13 Cronos SE 상단 메뉴를 이미지로 만드는 방법 1 file 2011.12.26 7423
12 Cronos SE 메인 슬라이드 속도 높이는 방법! 2011.12.22 9250
11 Cronos 배경으로 레이아웃 이쁘게 만드는 방법 file 2011.11.24 9149
10 D-portfolio 메인 메뉴 폰트 조절하기 2011.11.22 6784
9 D-portfolio 본문에 길이에 맞춰 세로 줄 넣기 2011.11.16 6650
8 Cronos 슬라이드 이미지 2개 올렸는데 하나만 보일때 2011.11.11 7475
7 D-portfolio 슬라이드 링크 삭제하기 2011.11.10 6978
6 Saturn saturn/saturn Photo슬라이드 속도 조절하기 2011.11.07 7360
5 Putto 사이트 맵 폰트 수정하기 2011.11.07 6712
목록
Board Pagination Prev 1 2 Next
/ 2