필수 그리드/Wordpress API/자바 스크립트 이미지

이것은 자바 스크립트/jquery 프로를 위해 쉬워야합니다. 이미지 변수를 잡고 HTML/javascript/jquery를 사용하여 출력하려고합니다. 텍스트가있는 변수에 대해서는이 작업을 수행 할 수 있지만 이미지 URL을 가져올 수는 없습니다. 나는 변수가 배열/객체로 저장된다고 생각한다.필수 그리드/Wordpress API/자바 스크립트 이미지

감사합니다. 그리고 예, 2 일 동안 검색하고 모든 문서를 검토했습니다. 문제는 myjavascript/jquery 스킬이라고 생각합니다.

기본적으로 var urlClass = '.eg-investment-element-26'이 필요합니다. url로 출력합니다. `

/* Title Class from Skin Editor */ 
 
var titleClass = '.eg-investment-element-3'; 
 
var typeClass = '.eg-investment-element-16'; 
 
var executiveClass = '.eg-investment-element-19'; 
 
var urlClass = '.eg-investment-element-26'; 
 

 
    
 
/* Lightbox title container */ 
 
var titleWrap = jQuery('<h2 class="lb-title-content" />'); 
 

 
/* Lightbox type container */ 
 
var typeWrap = jQuery('<span class="type" />'); 
 
    
 
/* Lightbox executive container */ 
 
var executiveWrap = jQuery('<span class="executive" />'); 
 

 
/* Lightbox link container */ 
 
var urlWrap = jQuery('<span class="executive" />'); 
 

 
/* Left block container */ 
 
var leftBlock = jQuery('<div class="lb-content lb-content-left" />'); 
 
    
 
/* Right block container */ 
 
var rightBlock = jQuery('<div class="lb-content lb-content-right" />'); 
 

 
/* Right block container header*/ 
 
var rightBlockheader = jQuery('<div class="right-header" />'); 
 

 
/* Right block container header 1*/ 
 
var rightBlockheadercol1 = jQuery('<div class="right-header1" />'); 
 

 
/* Right block container header 2*/ 
 
var rightBlockheadercol2 = jQuery('<div class="right-header2" />'); 
 

 
/* Right block container header 3 */ 
 
var rightBlockheadercol3 = jQuery('<div class="right-header3" />'); 
 
    
 
var myAjaxContainer; 
 

 
console.log(titleWrap) 
 
    
 
window.myAjaxLoaded = function(data) { 
 
    
 
    if(!myAjaxContainer) { 
 
    
 
     myAjaxContainer = jQuery(data.containerid).esgbox({ 
 
    
 
      maxWidth : 760, 
 
      maxHeight : 540, 
 
      fitToView : false, 
 
      width  : '70%', 
 
      height  : '70%', 
 
      padding  : [30,30,30,30], 
 
      autoSize : false, 
 
      closeClick : false, 
 
      openEffect : 'fade', 
 
      closeEffect : 'fade' 
 
    
 
     }); 
 
    
 
    } 
 
    
 
    var content = jQuery('.eg-ajax-target'), 
 
    post = jQuery('.eg-post-' + data.postsource).closest('.tp-esg-item'); 
 
    
 
    titleWrap.text(post.find(titleClass).text()); 
 
    typeWrap.text(post.find(typeClass).text()); 
 
    executiveWrap.text(post.find(executiveClass).text()); 
 
    urlWrap.attr(post.find(urlClass).html()); 
 

 

 
    leftBlock.html('<img src="' + urlWrap + '" />'); 
 
    
 

 
    rightBlock.html(content.html()).prepend(titleWrap).prepend(executiveWrap).prepend('<img src="' + post.find('.esg-entry-media img').attr('src') + '" />').prepend(typeWrap).prepend('<img src="' + (urlWrap) + '" />'); 
 
    content.html('').append([leftBlock, rightBlock]); 
 
    
 
    myAjaxContainer.click(); 
 

 

 
    
 
};

` enter image description here

출처

2016-11-06 jtconnelly1

을하는 데 도움이

var yourImgSrc = "someUrl"; var imgHtml = "<img src="+ yourImgSrc +"/>"; //select any container (div,body,#Id, .class) and inject the image html into it $('yourSelector').html(imgHtml);

희망? "var urlClass = '.eg-investment-element-26'은 URL로 출력하기 위해"실제로는? – bperson

@bperson이 (가) 성취하려는 것은 무엇인가? 링크가 그리드 자체 내에 있어야하는 경우 "항목 스킨 편집기"를 사용하여 템플릿을 편집하고 그림에 링크를 추가합니다. – Core972

jQuery를 바로 HTML() 메소드를 사용하여 출력 HTML로. 당신이 당신의 요구 사항을 얻을 수 있다면 html을 컨테이너에 출력해야합니다. 당신은 당신이 달성하려고하는지 설명해 주시겠습니까

출처

2016-11-06 22:43:26

필수 그리드/Wordpress API/자바 스크립트 이미지

답변

관련 문제