0 
<a class="imageToAppend" href="img/image.jpg">Click image to show</a>
<a class="imageToAppend" href="img/image1.jpg">Click image to show</a>
<a class="imageToAppend" href="img/image2.jpg">Click image to show</a>

<div class="appendHere"></div>

リンクをクリックしたときに画像を表示したいのですが、リンクには画像へのリンクが含まれています。に画像を追加しますdiv

jQuery コードがありますが、すべての画像が表示されます。クリックしたリンクの画像を表示したいだけです

jQuery(window).load(function(){
jQuery(function() {
jQuery('.imageToAppend').click(function(e){
e.preventDefault();
jQuery(".screenshot").prepend('<img src="<?php echo $photo->sourceImageFilePath; ?>" />');
});
});
});
4

5 に答える 5

1

これを試して

$(document).ready(function){
 $('a.imageToAppend').click(function(e){
  var currentLink=$(this);

  $('#appendHere').empty() // remove existing img/html, if added already
  //generate image tag on fly and assign src from current anchor clicked and add to div
  $('<img />').attr("src",$(currentLink).attr("href")).appendTo($('#appendHere'));
  e.preventDefault();

 }
}
于 2012-09-28T11:39:38.467 に答える
0

Deepakが言及しているように、クライアント側でPHPを評価することはできませんが、ファイル名を

次のようなものを試してください。

jQuery(window).load(function(){
  jQuery('.imageToAppend').click(function(e){
    e.preventDefault();
    var src = $(this).attr('href');   //$this will be the <a> clicked
    jQuery(".screenshot").prepend('<img src="'+src+'"/>');
  });
});
于 2012-09-28T11:34:57.620 に答える
0 
$('.imageToAppend').click(function(e){  
    $(".appendHere").append(this);
});​

jsFiddle

于 2012-09-28T11:35:53.800 に答える
0

追加しようとしている画像がhref...のパスにある画像であると仮定します。

$('.imageToAppend').bind('click', function(e) {
    e.preventDefault();
    var url = $(this).attr('rel'),
        el = $('.appendHere');
    el.fadeOut('slow', function(){
        el.empty().text('Loading...').fadeIn().delay('400').fadeOut(function(){
            $(this).empty();
            $('<img src="' + url + '" />').appendTo(el);
            $(this).fadeIn();
        });
    });
});​

http://jsfiddle.net/shannonhochkins/TEPKd/

于 2012-09-28T11:36:37.573 に答える
0

それを試してみてください

$(function(){
    $('.imageToAppend').click(function(e){
        var img = $(this).attr('href');
        $('.appendHere').prepend($('<img/>')
                      .attr('src', img));      
    });
})
于 2012-09-28T11:37:33.410 に答える