調整大小的問題與硬幣滑塊

我有畫廊使用硬幣滑塊調整大小的問題與硬幣滑塊

var $jq = jQuery.noConflict(); 
    $jq(window).load(function() { 
     var imheight = $jq(window).height()-40; 
     var imwidth = imheight/1.5; 
     $jq('#placeholder').css({'width':imwidth+'px','height':imheight+'px','margin-left':'-'+imwidth/2+'px','margin-top':'-'+imheight/2+'px'}); 
     $jq('#vslider').coinslider({ 
      width:imwidth, 
      height:imheight, 
      spw: 6, 
      sph: 4, 
      delay: 2500, 
      sDelay: 30, 
      opacity: 0.7, 
      titleSpeed: 1500, 
      effect: '', 
      navigation: false, 
      links : true, 
      hoverPause: false, 
      stopAtLastSlide: true 
     }); 
})

和HTML：

<div id="placeholder"> 
    <div id="vslider"> 
    <a href="/main"><img src="/preload/2.jpg" alt="701" /></a> 
    <a href="/main"><img src="/preload/1.jpg" alt="563" /></a> 
    </div> 
</div>

佔位符DIV負荷與正確的寬度和高度。
但vslider不會改變它的大小。
它可能是什麼？

來源

2012-10-12 George

你忘了在最後的分號，或者是隻是一個錯字？ – Niklas

@Zalk不是真的會成爲一個問題。 ASI會照顧它。儘管如果它不是一個錯字，對於感性應該加上。 – rlemon

只是爲了縮小一點。你可以試試'$ jq（'＃vslider'）。coinslider（）'看看它是否工作？另外，你是否在coinlider js之前加載jquery js，因爲這個人沒有：http://stackoverflow.com/questions/11472724/jquery-coin-slider-not-working-at-all – Niklas

我在嘗試做同樣的事情時遇到了一些麻煩。經過大量的挖掘，我發現如何做到這一點。

假設你有以下的硬幣滑蓋面板：

  <div id="banner_slideshow"> 
       <a href="#1"> 
        <img src="header-image-bg1.jpg" alt="" /> 
       </a> 
      </div>

投幣式滑塊會生成一個名爲cs-<container-id>類，在這種情況下cs-banner_slideshow對於被用於動畫繪製每一個「廣場」。

它實際上刪除了您放入的<img>，並將其替換爲與背景等效的圖像。

所以基本上所有你需要做的就是把這個在您的的.js：

$('#banner_slideshow').coinslider({ 
    width: 1000, // width of slider panel 
    height: 350, // height of slider panel 
}); 

// Resize picture. 
$('.cs-banner_slideshow').css('background-size', '1000px 350px');

（你也可以做到這一點的.css文件，但我覺得它更適合的JavaScript文件因爲它訪問硬幣滑塊的內部實現，而且我不想在我的樣式表文件中）。

而在你的.css：

#banner_slideshow { 
    background-repeat: no-repeat; 
    background-size: 1000px 350px; 
}

來源

2013-07-18 15:27:14 prgDevelop

調整大小的問題與硬幣滑塊

回答

相關問題