<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[이미지 링크 주소 변경 코딩]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/59936</link>
		<description><![CDATA[<p>안녕하세요 혹시 도움 좀 받을수있을까 싶어서 문의남깁니다.</p>

<p>제가 아래의 코드로 이미지를 클릭했을때 아래의 코딩으로 링크로 이동하게 만들어놨는데요.</p>

<p> </p>

<pre>
<code>&lt;script&gt;
'use strict';

function imagesLinks() {

var filteredImages = document.querySelectorAll('.e-gallery-item');

//Edit the links HERE
var links = [
'첫번째 이미지 링크주소 입력',
'두번째 이미지 링크주소 입력',
''
];

var _loope = function _loope(i) {
filteredImages[i].addEventListener('click', function () {
location = links[i];
});
}

for (var i = 0; i &lt; filteredImages.length; i++) {
_loope(i);
}
}

imagesLinks();

&lt;/script&gt;</code></pre>

<p><br />
수정하고 싶은 부분은 </p>

<p> </p>

<pre>
<code>//Edit the links HERE
var links = [
'첫번째 이미지 링크주소 입력',
'두번째 이미지 링크주소 입력',
''
];</code></pre>

<p> </p>

<p>여기서 이미지를 추가할때마다 링크를 입력해줘야하는데 이렇게 하지않고</p>

<p>이미지를 추가하는 에디터에서 이미지 설명란에 링크주소를 저장해둔다음에 이미지가 추가될때마다 추가된 이미지에 저장되어 있는 링크 주소를 불러와서 이동하게끔 코딩을 변경하기를 원하는데 이부분의 코딩 수정에 대해서 도움 좀 받을 수 있을까요?? </p>

<p> </p>

<pre>
<code>//Edit the links HERE
var links = [
'첫번째 이미지 링크주소 입력',
'두번째 이미지 링크주소 입력',
''
];</code></pre>

<p> </p>

<p>위에 코딩에 링크 주소를 입력하지 않고 이미지 설명란에 저장된 링크를 불러드리게 어떻게 코딩을 짤 수 있을까요? ㅜ 알려주시면 정말 감사하겠습니다!</p>

<p> </p>

<p>https://imgur.com/a/LLjbK14</p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[단순 스크립트만으로는 어렵습니다.

 

이미지 태그 title이나 data-set 등에 정보가 들어 있으면

스...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/59992</link>
			<description><![CDATA[<p>단순 스크립트만으로는 어렵습니다.</p>

<p> </p>

<p>이미지 태그 title이나 data-set 등에 정보가 들어 있으면</p>

<p>스크립트로 가능합니다.</p>

<p> </p>

<p>원하시는대로 하시려면 안내드린 코드처럼</p>

<p>설명란 필드 정보를 가져오셔야 합니다.</p>

<pre>
<code>$attachment = get_post($attachment_id); // 이미지 id를 입력해주세요.
$description = $attachment-&gt;post_content; // 설명란 필드 정보</code></pre>

<p> </p>

<p>사용하시는 플러그인의 필터나 액션 등을 사용하여 가져오시거나</p>

<p>ajax 등을 사용하여 임의로 가져오는 방법도 있을 듯 합니다.</p>

<p> </p>

<p>코드를 작성하기 어려우시다면</p>

<p>프로젝트 의뢰에 자세한 내용을 남겨보시겠어요?</p>

<p><a href="https://www.cosmosfarm.com/project">https://www.cosmosfarm.com/project</a></p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Wed, 15 Jun 2022 01:18:44 +0000</pubDate>
			<category>워드프레스</category>
		</item>
				<item>
			<title><![CDATA[아 설명을 빠트렸네요.

 다른게 아니라 단순한 이미지 갤러리 페이지입니다.

갤러리에 추가된 이미지...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/59950</link>
			<description><![CDATA[<p>아 설명을 빠트렸네요.</p>

<p> 다른게 아니라 단순한 이미지 갤러리 페이지입니다.</p>

<p>갤러리에 추가된 이미지를 클릭할때마다 설명에 저장되어있는 링크로 이동하게 하고 싶은데 코딩이 힘들어서 문의드립니다.</p>

<p> </p>

<pre>
<code>//Edit the links HERE
var links = [
'첫번째 이미지 링크주소 입력',
'두번째 이미지 링크주소 입력',
''
];</code></pre>

<p> </p>

<p>지금은 위에 코드처럼 이미지 갤러리에 이미지를 추가할때마다 이미지 순서대로 링크주소를  일일히 추가해줘야하는데요.</p>

<p>이렇게 하지않고 이미지 설명란에 링크를 삽입해서 이미지가 순서대로 추가될때마다 순서대로 이미지를 클릭했을때 설명란에 있는 링크를 불러와서 링크이동하게 하고 싶어서요.</p>

<p>코딩으로 이렇게가 가능할까요?</p>

<p> </p>

<pre>
<code>var _loope = function _loope(i) {
filteredImages[i].addEventListener('click', function () {
location = links[i];
});
}</code></pre>

<p> </p>

<p>혹시 위에 코드에서 클릭했을때 갤러리에 있는 순서대로 클릭했을때 설명란을 불러오는 코드를 어떻게 짤 수 있을까요..?</p>]]></description>
			<author>raruke</author>
			<pubDate>Mon, 13 Jun 2022 06:54:46 +0000</pubDate>
			<category>워드프레스</category>
		</item>
				<item>
			<title><![CDATA[안녕하세요~^^

어느 부분에서 어떻게 사용되는지 내용이 없어

정확히 알기 어렵습니다.

 

라이브러...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/59944</link>
			<description><![CDATA[<p>안녕하세요~^^</p>

<p>어느 부분에서 어떻게 사용되는지 내용이 없어</p>

<p>정확히 알기 어렵습니다.</p>

<p> </p>

<p>라이브러리에 입력된 이미지들 역시</p>

<p>DB 상에는 post로 저장됩니다.</p>

<p> </p>

<p>따라서 get_post로 일반 post와 똑같이</p>

<p>정보를 가져오실 수 있습니다.</p>

<p> </p>

<p>아래의 예제 코드를 참고하여</p>

<p>적용해보시겠어요?</p>

<pre>
<code>$attachment = get_post($attachment_id); // 이미지 id를 입력해주세요.
$description = $attachment-&gt;post_content; // 설명란 필드 정보</code></pre>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Mon, 13 Jun 2022 03:44:06 +0000</pubDate>
			<category>워드프레스</category>
		</item>
			</channel>
</rss>