// ### index_newsvideo.js ###
// 메인페이지의 (News & Video) 게시글을 구현합니다.
//
//
// news_maker() : 새로운 소식 게시글을 관리합니다.
// video_maker() : 동영상 소식 게시글을 관리합니다.
//
// 게시글을 추가/제거하시려면, variables에 항목을 추가/제거해주세요.
//
//
// init_variables
// ########################################################
// ### 2개를 초과하면 디자인이 깨질 수 있습니다. ###
// ### (경로 img/vid/) ###
// ########################################################
//
//
// news_variables
// ########################################################
// ### ori_img_src - (원본) 사진입니다. ###
// ### (경로 img/index/newsvideo/) ###
// ### (사진크기 800 * 1422) ###
// ### mobile_img_src - (모바일) 사진입니다. ###
// ### (경로 img/index/newsvideo/) ###
// ### (사진크기 1200 * 1200) ###
// ### title - 게시글 제목입니다. ###
// ### content - 게시글 내용입니다. ###
// ### tags - 키워드 목록입니다. ###
// ########################################################
//
//
// video_variables
// ####################################################
// ### classes - 고정값입니다. ###
// ### [bread-img1, bread-img2] ###
// ### thumbnail - 영상 썸네일입니다. ###
// ### (경로 img/index/newsvideo/) ###
// ### categories - 게시글 카테고리입니다. ###
// ### title - 게시글 제목입니다. ###
// ### content - 게시글 내용입니다. ###
// ### date - 게시 날짜입니다. ###
// ####################################################
//
//
//
function video_init()
{
var init_variables =
[
"video_bday.mp4",
"video_buffet.mp4",
]
var htmlContent1 =
`
`
var htmlContent2 =
`
`
$("#init").prepend(htmlContent2);
$("#init").prepend(htmlContent1);
return true;
}
function news_maker()
{
var news_variables =
[
{
ori_img_src: "cater_black.jpg",
mobile_img_src: "cater_small.jpg",
title: "Catering Service Open",
content: "출장뷔페 · 케이터링 서비스를 오픈을 하여 야외에서도 즐길 수 있도록 다양한 준비를 했습니다.",
tags: "출장뷔페 / 출장도시락 / 워크샵 / 홈파티 / 기업행사 / 기업관공서",
},
];
news_variables.forEach(function(box)
{
var htmlContent =
`
${box.title}
${box.content}
${box.tags}
READ MORE
`;
$("#news").prepend(htmlContent);
});
}
function video_maker()
{
var video_variables =
[
{
classes: "bread-img1",
thumbnail: "news-vid3.jpg",
categories: "BIRTHDAY",
title: "소중한 우리아기의 행복한 생일잔치",
content: "마이어스 돌잔치&파티는 고객의 취향과 규모에 맞는 품격있는 파티를 연출합니다.",
date: "2023-07-10",
},
{
classes: "bread-img2",
thumbnail: "news-vid4.jpg",
categories: "BRAND",
title: "프리미엄 패밀리 레스토랑",
content: "맛있는 즐거움이 가득하고 소중한 사람들과 함께하면 행복이 넘치는 곳!",
date: "2023-07-31",
},
];
video_variables.forEach(function(box)
{
var htmlContent =
`
`;
$("#video").append(htmlContent);
});
}
// -------- (News Video) 새 소식 속 동영상 --------
// 동영상이 클릭되었을 때의 동작을 관리합니다.
function youtube_video()
{
const video1 = document.querySelector("#video1");
const video2 = document.querySelector("#video2");
$(".bread-img1").click(function()
{
$(".utube1").css({display:"block"});
$(".utube1 .x-btn").css({display:"block"});
$(".cook-filter").css({display:"block"});
})
$(".bread-img2").click(function()
{
$(".utube2").css({display:"block"});
$(".utube2 .x-btn").css({display:"block"});
$(".cook-filter").css({display:"block"});
})
$(".utube1 .x-btn").click(function()
{
video1.pause();
video1.currentTime = 0;
$(".utube1").css({display:"none"});
$(".utube1 .x-btn").css({display:"none"});
$(".cook-filter").css({display:"none"});
})
$(".utube2 .x-btn").click(function()
{
video2.pause();
video2.currentTime = 0;
$(".utube2").css({display:"none"});
$(".utube2 .x-btn").css({display:"none"});
$(".cook-filter").css({display:"none"});
})
}
// -------- (News Video) 새 소식 속 동영상 --------