同じページで画像を開く方法は？

Question

私は1ページに画像のサムネイルを作成するアルバムプラグイン（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'] . '&photo=' . $thumb['id']; 

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

リンクコードを削除しようとしましたが、機能しません。

Answer 1

プレーンジャバスクリプトの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(); 

これはテストされていませんが、動作するはずです。

Answer 2

Lightbox〜ポップのようなjQueryプラグインを現在のページ上で動的に使用できます。

Answer 3

リンクを新しいウィンドウで開く動作は、通常、アンカーの「ターゲット」属性に関連付けられます。 「

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

をしかし、あなたは上記の貼り付けたコードは、ターゲットが中に属性を含めるように表示されませんので、私は行動があなたがdidnのあなたのCSSで制御されている疑いがある：例えば、これは新しいウィンドウでリンクを置きますあなたの質問には含まれません。

あなたのCSSファイルを確認し、「ターゲット」を探します。 W3Cには、これがどのように動作するかを記述したpublished documentationがあります。