脚本宝典收集整理的这篇文章主要介绍了使用php jquery ajax从mysql获取图像并在DIV中的html页面中显示它们,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
>我创建了一个MysqL数据库,其中包含图像路径,如图像/ zara /缩略图/鞋子,用于缩略图和图像/ zara /鞋子,用于较大的图像
>当用户点击ex(鞋子)的链接时,链接文本将被这样的jquery抓取
$(document).ready(function() { $('ul.sub_menu a').click(function() { VAR txt = $(this).text(); $.ajax({ tyPE: 'POST',url: 'thegamer.PHP',data: {'txt'} }); }); });
进一步将它传递给PHP文件现在我在这里遇到问题我现在需要的是
#imagePopup{ float:left; z-index:10; posITion: absolute;}
添加一些定位
HTML:
<div id="PRodtwoid" class="prodcls"> <img src="images/thumbnail/zara/2.png" alt="ZARA"/> </div> <div id="prodthreeid" class="prodcls"> <img src="images/thumbnail/puma/1.png" alt="PUMA"/> </div> <div id="proDFourid" class="prodcls"> <img src="images/thumbnail/hermes/1.png" alt="HERMES"/> </div> //This is you popup div <div id='imagePopup' style='display:none'> </div>
JS:
$('.prodcls').click(function(){ var src = $(this).attr('src').replace('/thumbnail',''); $("#imagePopup").html("<img src='"+src+"'/>") $("#imagePopup").toggle(); });
更新的答案:
<a href='showImage.PHP?img=path/of/image.jpg'><img src='path/of/thumb.jpg'/></a>
showImage.PHP:
$sImagePath = $_GET['img']; echo "<div class='imgDiv'>"; echo "<img src='$sImagePath' />"; echo "</div>;
以上是脚本宝典为你收集整理的使用php jquery ajax从mysql获取图像并在DIV中的html页面中显示它们全部内容,希望文章能够帮你解决使用php jquery ajax从mysql获取图像并在DIV中的html页面中显示它们所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。