对于html和jquery中动态更换图片以及同时更换图片颜色
在js文件中:
$(function() {
$(".color_change>ul>li>img").click(function() {
var a = $(this).attr("src");
//找到文字 获取 后续根据颜色切换
var color = $(this).attr("alt");
/*alert(color);*/
//split 分割字符串
var src = a.split("img/");
/*alert(src[1]);*/
var b = src[1].split(".jpg");
/*alert(b[0]);*/
//更换大图
$(".jqzoom>img").attr("src", "images/pro_img/" + b[0] + "_one_small.jpg");
$(".jqzoom>img").attr("jqimg", "images/pro_img/" + b[0] + "_one_big.jpg");
$("#thickImg").attr("href", "images/pro_img/" + b[0] + "_one_big.jpg");
//更换字体
$(".color_change:first strong").html(color);
//更换下面三张图片
$(".imgList li img:eq(0)").attr("src", "images/pro_img