滑塊圖像盤旋效果

我使用可點擊的徽標遊行http://www.smoothdivscroll.com/clickableLogoParade.html 做一個徽標滑塊。滑塊圖像盤旋效果

問題1：如何使用上述徽標滑塊懸停時圖像變大？

我試過直接調整圖像高度和寬度，但我想要的形象成爲這個效果更大：http://www.morearty.com/blog/2013/06/06/html-css-to-make-an-image-bounce-to-a-larger-size-on-hover/

當一個懸停，圖像位置仍然停留在中央。

問題2：而不是有上面的標誌滑塊自動滾動，如何使其滾動只有點擊箭頭或什麼？

來源

2014-04-02 user3487977

問題1：

給你的圖片類（例如scrolling_image），並在鼠標懸停時增加大小，鼠標移出將其返回到正常：

$("scrolling_image").mouseover(function() { 
    $(this).animate({ 
    "width": "300px", 
    "height": "300px" 
    }, 2000, function() { 
    // Animation complete. 
    }); 
}); 
$("scrolling_image").mouseout(function() { 
    $(this).animate({ 
    "width": "100px", 
    "height": "100px" 
    }, 2000, function() { 
    // Animation complete. 
    }); 
});

至於你第二個問題，請閱讀Documentation：

來源

2014-04-02 07:01:45

它的工作！但是，當在圖像上方懸停時，圖像將被容器覆蓋。當我增加容器的大小時，最後一張圖片會進入下一行。 – user3487977

我不知道如何解決這個問題。 – user3487977

添加到您的容器中，並將圖像顯示爲這個CSS：'position：relative;'然後給你的容器'z-index：1';和你的圖像'z-index：2;'z-index將使你的圖像超出容器 –

滑塊圖像盤旋效果

回答

相關問題