자바스크립트로 데이터를 넣을려고 하는되요 문의 드립니다.
본문
자바스크립트로 데이터를 넣을려고 하는되요
자바스크립트로 데이터를 넣을려고 하는되요
아래 데이터 를 넣을 려고 하는되요
어떻에 구성하면될까요?
arr.push(json_data[i]);
console.log('arr',arr)
- 0:
- height: 1948
- src: "http://domain/mo/assets/img/sample/t01_1.png"
- width: 900
- 1:
- height: 675
- src: "http://domain/mo/assets/img/sample/t01_1.png00.jpeg"
- width: 900
위 내용을 아래에 넣을려고 합니다.
조언구합니다.
const options = {
dataSource: [
{
src: 'http://domain/mo/assets/img/sample/t01_1.png',
width: 1950,
height: 1300,
},
{
src: 'http://domain/mo/assets/img/sample/t01_1.png',
width: 1950,
height: 1300,
},
{
src: 'http://domain/mo/assets/img/sample/t01_1.png',
width: 1950,
height: 1300,
},
],
답변 4
이렇게도 될듯하고요..
let src = json_data[i]['src']? json_data[i]['src'] : '';
let width = json_data[i]['width']? json_data[i]['width'] : '';
let height = json_data[i]['height']? json_data[i]['height'] : '';
let newImage = {
src,
width,
height
};
아래건 ai한테 최적화 해달랬더니 이런거 주네요? ㅋㅋ 참고하세요.
const arrstr = json_data.map(({src, width, height}) => ({ src, width, height }));
const options = {
dataSource: arrstr,
showHideAnimationType: 'none',
pswpModule: () => import('/js/photoswipe/js/photoswipe.esm.js'),
};
감사합니다. ^^~
PS. AI가 개발도 하는 군요 ㅋㅋㅋ
const dataSource = [
{
src: 'http://domain/mo/assets/img/sample/t01_1.png',
width: 1950,
height: 1300,
},
{
src: 'http://domain/mo/assets/img/sample/t01_1.png',
width: 1950,
height: 1300,
},
{
src: 'http://domain/mo/assets/img/sample/t01_1.png',
width: 1950,
height: 1300,
},
];
이게 맞을듯한데요
https://photoswipe.com/data-sources/
이걸로 참조해서 작업할려고 합니다.
데이터 배열로 넣는 방법이 궁금합니다.
let newImage = {
src: 'http://domain/mo/assets/img/sample/t01_1.png',
width: 1948,
height: 900
};
options.dataSource.push(newImage)
답변감사합니다. ^^
제가 이해가 안되서 그런되요?!
데이터를아래에 넣아야 하는되요
어떻에 넣어야 하나요?
===== 주신 소스로 이렇게 하니 안되서요
var arrstr = [];
for (let i = 0; i < json_data.length; i++) {
const eimg = json_data[i]['src'];
const ewidth = json_data[i]['width'];
const eheight = json_data[i]['height'];
let newImage = {
src: eimg,
width: ewidth,
height: eheight,
};
arrstr.push(newImage);
}
const options = {
dataSource: [ arrstr ],
showHideAnimationType: 'none',
pswpModule: () => import('/js/photoswipe/js/photoswipe.esm.js'),
};
var arrstr = [];
for (let i = 0; i < json_data.length; i++) {
let jData =json_data[i];
let newImage = {
src: jData['src'],
width: jData['width'],
height: jData['height']
};
arrstr.push(newImage);
}
const options = {
dataSource: arrstr,
showHideAnimationType: 'none',
pswpModule: () => import('/js/photoswipe/js/photoswipe.esm.js'),
};
이렇게 넣어보세용
