1. 程式人生 > 實用技巧 >2020-10-06

2020-10-06

$(function() {
$(".color_change ul li img").click(function() {
var alt = $(this).attr("alt");
$(".color_change strong").text(alt);

var imgSrc = $(this).attr("src");
var strArray = imgSrc.split('.jpg');
var imgSrc_small = strArray[0] + "_one_small" + ".jpg";

var imgSrc_big = strArray[0] + "_one_big" + ".jpg";
$("#bigImg").attr({
"src": imgSrc_small,
"jqimg": imgSrc_big
});
$("#thickImg").attr("href", imgSrc_big);
if (alt == "粉綠") {
$(".imgList li:eq(2) img").hide();
} else {
$(".imgList li:eq(2) img").show();
}
$(".imgList li:eq(0) img").attr("src", strArray[0] + "_one.jpg");
$(".imgList li:eq(1) img").attr("src", strArray[0] + "_two.jpg");
$(".imgList li:eq(2) img").attr("src", strArray[0] + "_three.jpg");


})