我在深入搜索我的问题后正在编辑我的问题基本上我的网站是一个时尚展示网站它显示鞋布和包等现在很明显我将有很多图片我正在用 jquery 和 javascript 解决我的问题用户单击索引页面上的缩略图,或者转到菜单并单击鞋子链接 javascript 在新选项卡中打开较大的图像,但现在我切换到 php 我所做的如下
我制作了一个 mysql 数据库,其中包含图像的路径,例如用于缩略图的 images/zara/thumbnails/shoes 和用于较大图像的 images/zara/shoes
-
当用户点击 ex(shoes) 的链接时,链接文本将被 jquery 抓取,如下所示
$(document).ready(function() {
$('ul.sub_menu a').click(function() {
var txt = $(this).text();
$.ajax({
type: 'POST',
url: 'thegamer.php',
data: {'txt'}
});
});
});
现在将其进一步传递到 php 文件,我现在面临一个问题,我现在需要的是
php 将如何根据数据库中的 var txt 进行搜索检索鞋子的缩略图打开一个新选项卡(shoes.html)并在 div 中显示所有可用的鞋子缩略图
这是应该可以工作的 jquery 代码:
<script>
$(function () {
$(document).on('click', 'div.prodcls img', function (e) {
e.preventDefault();
window.open($(this).attr('src').replace('/thumbnails', ''), '');
});
});
</script>
还有一些 css 可以起到很好的作用:
<style>
div.prodcls img:hover {
cursor: pointer;
}
</style>
这是一个工作小提琴:http://jsfiddle.net/DenGp/ http://jsfiddle.net/DenGp/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)