🎇

이미지 추가하기

목차
 

이미지 추가하기

우리 공간에 이미지를 추가해서 여러모로 꾸며보세요!
다양한 이미지 파일을 통해 자유롭게 공간을 꾸밀 수 있습니다. (jpg, png, gif 등)

☝️ 잠깐! 이미지에 어떤 기능을 연결하고 싶으신가요?

♦︎ 이미지만 설치하고 싶어요. 3. 이미지 기능
♦︎ 이미지와 텍스트가 함께 보이길 원하시나요? 1. 게시판 기능
♦︎ 이미지를 클릭 했을 때 텍스트 및 사진이 보이기를 원하시나요? 2. 텍스트 기능
♦︎ 이미지를 클릭 했을 때 다른 링크로 연결되기를 원하시나요? 3. 이미지 기능
♦︎ 특정 위치에 가까이 가면 이미지가 뜨기를 원하시나요? 4. 팝업 콘텐츠 기능
 

1. 게시판 기능을 통해 이미지 추가하기

  1. 설정 → 고정 오브젝트 → 게시판으로 들어갑니다.
  1. 좌측에 표시한 그림삽입 아이콘을 클릭합니다.
  1. 원하는 이미지를 업로드 해줍니다.
  1. 미리보기 창을 통해 게시판의 위치와 크기를 설정합니다. → 자세한 내용 확인하기
소스 코드를 통해 이미지 사이즈를 조절할 수 있습니다.
💡
설치된 게시판을 공간에서 클릭 하면 에디터 창이 뜨고 html 소스를 사용하실 수 있습니다. 이미지를 설치할 때 좋은 소스 코드를 공유합니다.
✤ 직접 사이즈 조절하기
HTML
✤ 피켓 크기에 따라 자동으로 사이즈 맞추기
HTML
  1. 저장을 눌러 공간을 업데이트 합니다.
 

2. 텍스트 기능을 통해 이미지 추가하기

  1. 설정 → 고정 오브젝트 → 텍스트로 들어갑니다.
  1. 이미지 주소 창에 이미지 주소를 붙여넣거나 업로드를 통해 원하는 이미지를 업로드합니다.
  1. 미리보기 창을 통해 이미지의 위치와 크기를 설정합니다.
    1. 또는 하단 가로 위치 세로 위치 넓이 높이 창에 숫자를 입력하여 설정하실 수 있습니다.
  1. 이미지를 누를 경우 표시하고 싶은 내용을 노출시키려는 컨텐츠 입력창에 작성합니다. (텍스트 뿐 아니라 영상, 이미지, 링크 등을 삽입할 수 있습니다.)
  1. 저장을 눌러 공간을 업데이트 합니다.
 

3. 이미지 기능을 통해 이미지 추가하기

  1. 설정 → 고정 오브젝트 → 이미지로 들어갑니다.
  1. 이미지 주소 창에 이미지 주소를 붙여넣거나 업로드를 통해 원하는 이미지를 업로드합니다.
  1. 이미지 주소 클릭 에서 이미지를 클릭 했을 때 실행할 동작을 선택해주세요.
    1. 고정 : 이미지를 클릭하여도 아무 동작이 실행되지 않습니다. (기본)
    2. 애니메이션 : 이미지 주소 클릭에 삽입된 이미지가 나타났다가 자동으로 사라지게 됩니다.
    3. 페이지 이동 : 이미지 주소 클릭 에 삽입된 링크로 이동합니다. (공간에서 아바타 사라짐)
    4. 탭 열기 : 이미지 주소 클릭 에 삽입된 링크로 새 탭을 생성합니다. (공간 내에 아바타 유지)
  1. 설정한 내용을 저장합니다.
 

4. 팝업 콘텐츠 기능을 통해 이미지 추가하기

  1. 설정 → 고정 오브젝트 → 기타로 들어갑니다.
  1. 권한을 선택합니다. → 권한이란?
  1. 미리보기 화면을 통해 위치를 확인하고 조정한 후, 저장합니다.
  1. 설정 페이지를 끄고 공간에 생성된 팝업 콘텐츠 아이콘을 클릭 합니다. (☑️ 아이콘과 아바타 사이 선이 연결 되었는 지 확인)
  1. 하단에 URL창에 이미지 주소를 붙여넣어 로드합니다.
  1. [ x1 ▾] 박스를 클릭해 이미지를 공유하고 싶은 범위를 지정합니다. (☑️ 회색 원 범위 확인)
  1. 떠나기를 통해 오브젝트와 연결을 끊어줍니다.
TIP. 구글 드라이브 이미지 연결하기
  1. 구글 드라이브에서 해당 이미지를 열어줍니다. (권한 설정 : 링크가 있는 모든 사용자에게 공개)
  1. 우측 상단 [ ⁝ ] 아이콘을 클릭하여 공유 > 링크보기 : 링크가 있는 모든 사용자에게 공개로 변경해주세요
  1. [ ⁝ ] 아이콘을 클릭하여 ⇱ 새 창에서 열기를 눌러줍니다.
  1. 새 창에서 [ ⁝ ] 아이콘을 클릭하여 항목 삽입...을 눌러줍니다.
  1. HTML 코드 중 "" 내부의 https:// ~ /preview 부분만 복사해줍니다.
  1. 해당 주소를 팝업 콘텐츠 하단 URL창에 이미지 주소를 붙여넣어 로드합니다.
  1. [ x1 ▾] 박스를 클릭해 이미지를 공유하고 싶은 범위를 지정합니다. (📍회색 원 범위 확인)
  1. 떠나기를 통해 오브젝트와 연결을 끊어줍니다.
 

 
 
 
모든 제품은 써보면서 이해하는 것이 가장 쉽습니다. 아래의 링크를 눌러 부담없이 오비스 투어 공간에 방문해보세요! 평일 아침 9시부터 저녁 6시까지 오비스 직원들이 언제나 안내를 도와드리고 있습니다.