programing

wp_get_attachment_image에 속성 추가

abcjava 2023. 9. 13. 22:15
반응형

wp_get_attachment_image에 속성 추가

결과에 속성을 추가하려고 합니다.wp_get_attachment_image.

jquery lazy load를 사용하여 게시물 썸네일 로드를 처리하고 이를 위해 추가해야 합니다.data-original=에 귀속시키다<img>꼬리표를 붙이다wp_get_attachment_image를 만들고 있습니다.

시도해 봤습니다.

$imgsrc = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), "full" );
$imgsrc = $imgsrc[0];
$placeholderimg = wp_get_attachment_image( 2897, "full", array('data-original'=>$imgsrc) );

하지만 예상했던 대로 데이터 속성이 추가되지 않습니다.

<img class="attachment-full" width="759" height="278" alt="..." src="..."></img>

지금 보니까.wp_get_attachment_image기능은 다음과 같이 작동해야 할 것 같습니다.

function wp_get_attachment_image($attachment_id, $size = 'thumbnail', $icon = false, $attr = '') {
     
 
    $html = '';
 
    $image = wp_get_attachment_image_src($attachment_id, $size, $icon);
 
    if ( $image ) {
 
        list($src, $width, $height) = $image;
 
        $hwstring = image_hwstring($width, $height);
 
        if ( is_array($size) )
 
            $size = join('x', $size);
 
        $attachment =& get_post($attachment_id);
 
        $default_attr = array(
 
            'src'   => $src,
 
            'class' => "attachment-$size",
 
            'alt'   => trim(strip_tags( get_post_meta($attachment_id, '_wp_attachment_image_alt', true) )), // Use Alt field first
 
            'title' => trim(strip_tags( $attachment->post_title )),
 
        );
 
        if ( empty($default_attr['alt']) )
 
            $default_attr['alt'] = trim(strip_tags( $attachment->post_excerpt )); // If not, Use the Caption
 
        if ( empty($default_attr['alt']) )
 
            $default_attr['alt'] = trim(strip_tags( $attachment->post_title )); // Finally, use the title
 
 
 
        $attr = wp_parse_args($attr, $default_attr);
 
        $attr = apply_filters( 'wp_get_attachment_image_attributes', $attr, $attachment );
 
        $attr = array_map( 'esc_attr', $attr );
 
        $html = rtrim("<img $hwstring");
 
        foreach ( $attr as $name => $value ) {
 
            $html .= " $name=" . '"' . $value . '"';
 
        }
 
        $html .= ' />';
 
    }
 
 
 
    return $html;
 
}

어디가 잘못됐나요?

[업데이트] 가끔은 새 눈이 필요할 때도 있어요 그 바보같은 놈을...hobo 덕분에 함수 호출에서 매개 변수를 놓쳤다는 것을 깨달았습니다:D:P

테스트를 해보지는 않았지만 문제는 당신의 배열이 세번째가 아니라 네번째 주장이 되어야 한다는 것입니다.

그렇게

$placeholderimg = wp_get_attachment_image( 2897, "full", array('data-original'=>$imgsrc) );

그래야 한다

$placeholderimg = wp_get_attachment_image( 2897, "full", false, array('data-original'=>$imgsrc) );

기본값에 만족한다는 가정 (false)의$icon논쟁.

저는 개인적으로 문자열 교체를 하면서 이 문제를 해결했습니다.

$imgsrc = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), "full" );
$imgsrc = $imgsrc[0];
$placeholderimg = wp_get_attachment_image( 2897, "full" );
$placeholderimg = str_replace( "<img ", "<img data-original='$imgsrc'", $placeholderimg );

고급 솔루션은 아니지만 일부 컨텍스트에서 작동할 수 있습니다(예를 들어 특성을 배열로 저장하지 않고 문자열로 저장할 수 있습니다).

언급URL : https://stackoverflow.com/questions/18979106/add-attribute-to-wp-get-attachment-image

반응형

'programing' 카테고리의 다른 글

.htaccess, mod_https 및 기본 인증  (0) 2023.09.13
C의 Const 배열  (0) 2023.09.13
요소의 텍스트 노드를 가져오는 방법?  (0) 2023.09.08
세션에 목록 저장  (0) 2023.09.08
문자열을 문자별로 반복하는 방법  (0) 2023.09.08