在lecture下面先较，左邊是視頻洞就，右邊就是圖片，以前這個圖片的切換是用nivoslider的肾胯，這個插件是把div背景設(shè)置為特定圖片竖席，所以就算在html里面把img的width和height都設(shè)置好仍舊還是沒用會出現(xiàn)下面這種情況：
冒出去了
![Uploading 捕獲1_010523.PNG . . .]
這個圖片本來應(yīng)該長這樣的：
正確的樣子
如果要讓圖片全部顯示，就只能設(shè)置背景的尺寸敬肚，css里面這樣寫：
someselector{
background:url('video/media/vid1/幻燈片1.jpg') 0px 0px/470px 350px no-repeat
}
里面的0px 0px是背景圖片左上角坐標(biāo)毕荐，/后面的'470px 350px'就是背景圖片的目標(biāo)大小。
不過nivoslider這東西還真是……不好改啊艳馒，看著就想撞墻啊憎亚，畢竟也是很久以前的jquery插件了，這個弄慰，差不多就行了第美，因為覺得里面的動畫命令還有圖片切分命令太煩了，直接新加了一個特效類別：
...
else if (settings.effect == 'none' || vars.randAnim == 'none'){
slider.trigger('nivo:animSkippd');
}
...
然后額外再寫了一個animSkipped的函數(shù)：
slider.bind('nivo:animSkippd', function () {
vars.running = false;
$(kids).each(function () {
if ($(this).is('a')) {
$(this).css('display', 'none');
}
});
if ($(kids[vars.currentSlide]).is('a')) {
$(kids[vars.currentSlide]).css('display', 'block');
}
console.log(vars.currentSlide)
if ($(kids[vars.currentSlide]).is('img')) {
vars.currentImage = $(kids[vars.currentSlide]);
} else {
vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
}
slider.css('background', 'url("' + vars.currentImage.attr('src') + '") 0px 0px/470px 350px no-repeat');
})
好吧陆爽，其實我也不全看得懂這一段東西是干什么的什往，只是把之前的animFinished函數(shù)改了一下，貌似現(xiàn)在能用了呢慌闭，不用每次都在ps里面特地把ppt的圖片一張一張轉(zhuǎn)換成470x350的尺寸了呢恶守。
但是總覺得這坑還沒填實誠的感覺啊。
