안녕하세요.

처음 홈페이지를 만들어보려고 하는 초보자입니다.

 

홈페이지 첫 화면에 이미지가 슬라이드 되어 넘어가는 위젯을 사용하려고 합니다.

여러 가지 위젯이 있겠지만, 일단 설치하고 코드도 생성하였습니다.(coinslide, content slide 등등)

생성된 코드를 layout에 삽입하였으나, 그 부분이 비워져 나올 뿐 그림이 형성되지 않습니다.

 

여기서 질문드립니다.

 

당연히 이미지 슬라이드를 하려면 이미지를 삽입해야 하는데,

이미지를 넣는 항목에 대해서는 어느 사이트에도 언급되어 있지 않습니다.

위젯 중에 셋팅 자체에서 이미지의 URL을 물어보는 것도 있습니다만,

저는 coinslide나 content slide를 사용하려고 하니 여기에는 이미지를 넣는 란이 없습니다.

어디에 어떻게 넣어야 하는지요?

 

div 명령어를 사용하는 것 같기는 한데, 이름이나 이런 부분들을 잘 모르니,

죄송하지만, div에서 이름은 무엇으로 해야 하는지, 조금 자세하게 알려주세요. ㅜㅜ

 

왕초보가 홈페이지를 만들려니 너무 어렵습니다. 도와주세요.

 

 

-------------------------------------------------------------------------------------

 

아래는 생성된 코드들을 정리해서 놓았습니다.

 

content 이미지 슬라이더 (대상 모듈 미지정)

<img class="zbxe_widget_output" widget="contentslider" skin="easySlider" thumbnail_type="crop" order_target="list_order" order_type="desc" show_control="Y" navigation_control="Y" content_items_shuffle="Y" slide_auto="true" target_ext_var="none" open_article="N" ptypoto="pp_default" img_fade="Y" show_title="Y" title_font_family="Default" show_content="Y" content_font_family="Default" isotope_type="clickable" />

 

coinslider (대상 모듈 지정)

<img class="zbxe_widget_output" widget="coinslider" skin="default" order_target="list_order" order_type="desc" thumbnail_type="crop" slide_effect="rand" hover_pause="N" show_navigation="N" show_imagelist="N" hyperlink="Y" hyperlink_src="article" hyperlink_type="currentwindow" content_position="bottom" show_title="Y" show_content="Y" module_srls="67" />

 

 

레이아웃 편집에서 삽인한 내역

  <div class="main_content">

<img class="zbxe_widget_output" widget="coinslider" skin="default" order_target="list_order" order_type="desc" thumbnail_type="crop" slide_effect="rand" hover_pause="N" show_navigation="N" show_imagelist="N" hyperlink="Y" hyperlink_src="article" hyperlink_type="currentwindow" content_position="bottom" show_title="Y" show_content="Y" module_srls="67" />

<img class="zbxe_widget_output" widget="gySlideBanner" skin="default" image_width="960" image_height="400" image1_url="http://localhost/image/toystory.jpg" image2_url="http://localhost/image/up.jpg" image3_url="http://localhost/image/nemo.jpg" image4_url="http://localhost/image/walle.jpg" slide_type="fade" nav_position="BC" slide_speed="500" delay_time="2000" auto_slide="Y" /> (이부분은 Gy slider 내역 화면)

   {$content}
  </div>

 

실제 화면

아래의 gy slider에 비해 위쪽에 흰색 배경만 보임

 

 

페이지 수정으로 들어간 화면 (위치해야 한다는 것은 나오지만, 그림이 안 나옴)