使用php jquery ajax从mysql获取图像并在DIV中的html页面中显示它们

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了使用php jquery ajax从mysql获取图像并在DIV中的html页面中显示它们脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在编辑我的问题后深入搜索我的问题基本上我的网站是一个时装展示网站,它显示鞋布和包等现在很明显,我将有很多的照片,我用 jqueryjavascript解决我的问题,当一个用户单击索引页面上的缩略图,或者他转到菜单并单击鞋子链接javascript在新选项卡中打开较大的图像但现在我开始浏览PHP我在下面做了什么

>我创建了一个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文件现在我在这里遇到问题我现在需要的是

解决方法

CSS:

#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();
});

更新的答案:

HTML :(为每个图片提供链接):

<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,请注明来意。