放大镜+图片切换

放大镜+图片切换
点击下标,尺寸变换
一, //尺寸
$(function () {
$(".pro_size li span").click(function () {
var span = $(this).text();
$(".pro_size strong").text(span);
})
})
放大镜+图片切换
二,点击下边小图片,上边可变换(注意replace)
//下边的小图片去上边
$(function () {
$(".imgList li img").click(function () {
var src = $(this).attr(“src”);
var big2 = src.replace(".jpg", “_big.jpg”);
var small = src.replace(".jpg", “_small.jpg”);
$(".jqzoom img").attr({
src: small,
jqzoom: big2,
jqimg: big2
})
/观看清晰图片/
$("#thickImg").attr(“href”, big2);
})
})
三,图片切换+放大镜效果
放大镜+图片切换
放大镜+图片切换
点击图片颜色变换,用alt获取
放大镜+图片切换
放大镜+图片切换
放大镜+图片切换
点击观看清晰,下方图片变成大图片观看后变成大图片样式

四·清空empty;li标签在里边东西清空
removeClass :整个li标签包括里边内容都会删除
apendto:后边追加
after:之后
before:之前
内部插入为子节点
外部兄节点