在前端開發中，經常需要改變某個圖片的顯示，這時就需要改變圖片的src屬性。

在CSS中，可以通過設置背景圖片來達到改變圖片的效果，不需要直接修改圖片的src屬性。具體實現方式如下：

//html部分
<div class="image"></div>
//CSS部分
.image {
width: 200px;
height: 200px;
background-image: url("original-image.jpg");
}
@media (max-width: 768px) {
.image {
background-image: url("mobile-image.jpg");
}
}

在上面的代碼中，為一個div元素設置一個類名為“image”。在CSS中，通過設置其寬度、高度和背景圖片來顯示圖片。當屏幕寬度小于等于768px時，使用@media查詢，將背景圖片更改為移動端的圖片。

還可以使用JavaScript實現改變圖片的src屬性。具體實現方式如下：

//html部分
<img id="my-image" src="original-image.jpg">
//JavaScript部分
var img = document.getElementById("my-image");
img.src = "new-image.jpg";

在上面的代碼中，首先需要獲取需要改變的圖片元素，并將其保存到一個變量中。然后，通過設置其src屬性，將其顯示的圖片更改為新的圖片。

以上就是CSS和JavaScript中改變圖片src屬性的實現方法。