동일한 페이지에서 이미지를 여는 방법은 무엇입니까?

내 이미지의 축소판을 한 페이지에 만드는 앨범 플러그인 (php)이 있는데 이미지를 클릭하면 각 이미지가 새 페이지로 열립니다.
미리보기 이미지의 동일한 페이지에서 이미지를 여는 방법이 있습니까?

이 축소판 내 코드입니다 :
동일한 페이지에서 이미지를 여는 방법은 무엇입니까?

<div class="thumbs"> 

     <?php foreach (wppa_get_thumbs() as $tt) : global $thumb; $thumb = $tt; ?> 
       <a href="<?php wppa_photo_page_url(); ?>" class="img"><img src="<?php wppa_thumb_url(); ?>" alt="*" /></a> 
     <?php endforeach; ?> 

    </div>

이 특정 사진의 코드입니다 :

<?php } else if (wppa_page('single')) { // if is showing a specific photo ?> 
    <a href="<?php wppa_photo_url(); ?>"><img src="<?php wppa_photo_url(); ?>" alt="<?php wppa_photo_name(); ?>" class="big" <?php echo wppa_get_fullsize(); ?> /> 
    </a><br /> 
<?php } ?>

그리고이 링크를 작성하는 기능입니다 :

// get link to photo 
function wppa_photo_page_url($return = FALSE) { 
    global $thumb; 
    $url = get_permalink() . wppa_sep() . 'album=' . $_GET['album'] . '&amp;photo=' . $thumb['id']; 

    if ($return) { 
     return $url; 
    } else { 
     echo $url; 
    } 
}

링크 코드를 제거하려고했지만 작동하지 않습니다.

출처

2011-12-08 Adam

라이트 박스에서 '같은 페이지에'표시 하시겠습니까? –

일반 자바 스크립트의 Image 개체를 사용하면 실제로 매우 쉽습니다. 다음과 같은 기능을 수행 할 수 있습니다.

function load_image(image_path) 
{ 
    var image = new Image(); 
    image.src = image_path; 
    return image; 
}

클릭하는 링크에서 이미지로 URL을 가져올 수 있습니다.

그런 다음 이미지를 숨겨진 div에 추가하고 표시되도록합니다. jQuery를 사용하는 경우 :

var image = load_image("/path/to/your/image.jpg"); 
$(image).appendTo("#your-image-div"); 
$("#your-image-div").show();

이 태그는 테스트되지 않았지만 작동해야합니다.

출처

2011-12-08 15:48:01

Lightbox에서 과 같은 jQuery 플러그인을 팝업을 사용하여 현재 페이지에서 동적으로 사용할 수 있습니다.

출처

2011-12-08 15:43:34

새 창에서 링크를 여는 행위는 대개 앵커의 "target"속성과 관련이 있습니다. '

<a href="wherever" target="_new">text</a>

을하지만 위 붙여 넣은 코드는 대상의 속성을 포함하는 표시되지 않습니다, 그래서 행동이 당신이 didn를 당신의 CSS, 제어 의심 : 예를 들어,이 새 창에 링크를 넣어 것입니다 귀하의 질문에 포함 시키십시오.

CSS 파일을 확인하고 "대상"을 찾으십시오. W3C는 이것이 어떻게 작동 하는지를 설명하는 published documentation을 가지고 있습니다.

출처

2011-12-08 15:49:18 ghoti

동일한 페이지에서 이미지를 여는 방법은 무엇입니까?

답변

관련 문제