그러니까 .js에 자스 코드 넣어놨는데 코드에 쓰이는 이미지 경로를 변수로 해놓고
이미지 변경할 필요가 있으면 자스 코드 수정할 필요 없이 html에서 그 변수값 조절해서 이미지가 바뀌게 하고싶은데
이런거 만들수있음? 아예 초보라 모르는데 어케하는지 딱 키워드만 줄수있음?ㅠㅠ
그니까 html문서에
<script src="쏼라쏼라.js"> 이렇게 잇고
저 쏼라쏼라.js에 이렇게 생긴 코드잇음
$('.뭐시기뭐시기').css({"background-image":"url(이부분을 변수로 해서 html코드단계에서 넣어주고싶음)"});
ㅇㅇ 저 url()부분을 괄호 안 부분을 변수로 해서 밖에서 건드려주고싶은데 ㅠ
이해가 안되는데 말좀 다시해보셈
글 수정햇는데 다시 한번 봐줄수있음?
html에 data-srcset 이런식으로 적어놓고 js에서 backgroundImage = element.dataset.srcset 이렇게 쓰면 됨 제이쿼리는 모름
그리고 이런거 부를때는 변수라고 안한다 개발자도구로 건드리거나 스크립트로 지정하는거 아니면 못바꾸는 값이잖아 속성이나 값이라고 해야지
엥 잘몰라서 ㅠ ㅇㅋㅇㅋ
html은 정적이라 그런거 못함
엥 매번 자스 건드려줘야함?ㅠㅠ
당연히 가능. html 파일의 〈script src="쏼라쏼라.js"〉 앞에 〈script〉let imageName = "파일명.jpg";〈/script〉 이렇게 한줄 붙인 다음에 background-image 파일명으로 imageName를 사용하면 됨.
제이쿼리에서도 똑같이 쓸수잇음?
형 html에서 앞에다가 넣은다음에 js파일에서 $('.뭐시기뭐시기').css({"background-image":imageName}); <<이렇게 경로로 넣어줫는데 안됨 ㅠ 뭔가 잘못한거임? imageName을 쓰려면 이렇게 쌩으로 쓰는건 아닐거같은데 어떻게 해야해?
〈script〉let imageName = "파일명.jpg";〈/script〉 〈script src="쏼라쏼라.js"〉에서 쏼라쏼라.js 코드는 $('.뭐시기뭐시기').css({"background-image":"url(" + imageName + ")"}); 이렇게 하면 될듯.
헐 진짜 딱 원하던거임 ㄳㄱㄳㄳㄳㄳ ㅠㅠㅠㅠ
완벽하게해결됏어여
해당 댓글은 삭제되었습니다.
그냥 이미지 바꿔야할때마다 자바스크립트 파일 매번 고칠필요없이 html에서 외부 자바스크립트 파일에서 쓸 이미지경로를 정해줄수잇엇으면 좋겟어요
지금은 이미지 바꿔야할때마다 매번 자바스크립트파일 새 이미지 경로 넣은걸로 고쳐서 업로드해주고잇음...