使用jquery函數調整圖像大小

我需要調整三幅圖像的寬度和高度。我想用jQuery來做。使用jquery函數調整圖像大小

我申請了一些CSS來做到這一點，但它失敗了，因爲類col-md-6內的圖像移動到右側。我希望這個圖像被修復，而不是移到右側。

這裏是我的代碼：

#img1:hover { 
 
    width: 200px; 
 
    height: 200px; 
 
} 
 

 
#img2:hover { 
 
    width: 200px; 
 
    height: 200px; 
 
} 
 

 
#img3:hover { 
 
    width: 200px; 
 
    height: 200px; 
 
} 
 

 
.col-centered { 
 
    float: none; 
 
    margin: 0 auto; 
 
}

<div class="row"> 
 
    <div class="col-md-6" id="mision"> 
 
     <img src="imagenes/MISION.png" id="img1" class="resize"> 
 
    </div> 
 
    <div class="col-md-6" id="vision"> 
 
     <img src="imagenes/VISION.png" id="img2" class="resize"> 
 
    </div> 
 
    <div class="col-md-6 col-centered" id="servicios"> 
 
     <img src="imagenes/SERVICIOS.png" id="img3" class="resize"> 
 
    </div> 
 
</div

來源

2017-09-15 Ricardo Roa

這真的不清楚你想要什麼。你甚至沒有爲你的圖像定義大小，只是爲了他們的懸停狀態，但你沒有寫關於懸停的信息...... – Johannes

以前沒有使用過的引導，但快速googleling表明

.table-img { 
    width: 100px; 
} 

.table-img:hover { 
    width: 200px; 
}

和

<div class="row"> 
    <div class="col-md-6 text-center" id="mision"> 
    <img src="imagenes/MISION.png" class="resize"> 
    </div> 
    <div class="col-md-6 text-center" id="vision"> 
    <img src="imagenes/VISION.png" class="resize"> 
    </div> 
    <div class="col-md-6 text-center col-centered" id="servicios"> 
    <img src="imagenes/SERVICIOS.png" class="resize"> 
    </div> 
</div>

文字中心是用於居中您的圖像，調整後的CSS應該適用於懸停和增加圖像大小。

請讓我知道如果沒有正確理解你的問題。

來源

2017-09-18 09:06:59

使用jquery函數調整圖像大小

回答

相關問題