有人点击图片时如何获取图片预览？

-1

<script language="javascript" type="text/javascript"> 
function SetImageName(strName) 
{ 
document.getElementById("ImageName").value = strName; 
} 
</script> 

<form> 
<div id="slideshow"> 
<div id="Container"> 
<div id="Images"> 
      <img src="images/image1.jpg" name="image1.jpg" onclick="SetImageName(this.name)"/> 
      <img src="images/image2.jpg" name="image2.jpg" onclick="SetImageName(this.name)"/> 
      <img src="images/image3.jpg" name="image3.jpg" onclick="SetImageName(this.name)"/> 
      <img src="images/image4.jpg" name="image4.jpg" onclick="SetImageName(this.name)"/> 
      <img src="images/image5.jpg" name="image5.jpg" onclick="SetImageName(this.name)"/> 
      <div id="slideEnd"></div> 
      </div> 
     </div> 
    </div> 
     <input type="hidden" value="" id="ImageName" name="ImageName"/></form>

用户可以从列表中选择一个图像。想要获取图像的预览选择哪个用户。像

You are selected image is 
<? 
$image = $_POST["ImageName"]; 
echo ('<img src="'.$image.'" />'); 
?>

来源

2013-03-22 Sudha Sarath

我想你想列出图像（只有图像的名称）。对？然后，当有人点击它显示该图像。对？请给予回复。 – Napster 2013-03-22 09:49:39

是Nisarg Patel ... – 2013-03-22 09:51:11

okey等了五分钟。我有解决方案。 – Napster 2013-03-22 09:51:49

请尝试以下方法：

<html> 
<head> 
<title>sample</title> 

<style type="text/css"> 
.hover_image a{ 
position:relative; 
} 
.hover_image a span{ 
position:absolute; 
display:none; 
z-index:99; 
} 
.hover_image a:hover span{ 
display:block; 
} 
</style> 
</head> 
<body> 
<div class="hover_image"> 
<a href="#">Links text <span><img src="image.png" alt="image" height="100" /></span></a> 
</div> 
</body> 
</html>

放入相对目录的任何图像名image.png和悬停在网页上的文字看图像。

你可以编辑这个以适应你的需要。

来源

2013-03-22 09:58:41

否否有一些图像。用户可以选择图像。如果有人选择图像，则想显示图像，例如“您被选中此图像”。 – 2013-03-22 10:40:45

这将为你工作..使用它。我用jQuery进行这个练习。

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script> 
    $(document).ready(function() 
    { 
     $('div').click(function() { 
      var image = $(this).text(); 
      $("#showImage").html("<img src='your_path/"+image+".png'>"); 
      // do something with the text 
     }); 
    }); 
</script> 
<div id="image1" >Image1</div> 
<div id="image2" >Image2</div> 
<div id="image3" >Image3</div> 
<div id="image4" >Image4</div> 

<div id="showImage"></div>

来源

2013-03-22 10:11:35 Napster

否否有一些图像。用户可以选择图像。如果有人选择图像，则想显示图像，例如“您被选中此图像”。不是图像名称。图像本身想显示... – 2013-03-22 10:41:04

我贴的代码... – 2013-03-22 10:46:10

欧凯那么你可以这样做：

添加在您的代码： - title属性添加到每个img标签，去掉name属性
给值title属性要展示在点击事件

现在添加以下代码

<script> 
$(document).ready(function() 
{ 
    $('img').click(function(){ 
     var nameImg = $(this).attr('title'); 
     alert("you have selected "+nameImg); 
    }); 
});

如果你想显示在其他分区这个名字再加入一个DIV ID为“selectedImgTag”以及与此代码替换上面的代码这个代码将提醒形象的名字 -

<script> 
     $(document).ready(function() 
     { 
      $('img').click(function(){ 
       var nameImg = $(this).attr('title'); 
       $("$selectedImgTag").html("you have selected "+nameImg); 
      }); 
     }); 
    </script>

来源

2013-03-22 11:28:15 Napster

有人点击图片时如何获取图片预览？

回答

相关问题