2013-04-18 48 views
-2

我需要從我的數據庫中預載圖像,然後以8爲單位將它們顯示在滑塊8中。 我該怎麼做?從數據庫中預載圖像

<script type="text/javascript"> 
       function preload(arrayOfImages) { 
       $(arrayOfImages).each(function(){ 
       $('<img/>')[0].src = this; 
       // Alternatively you could use: 
       // (new Image()).src = this; 
    }); 
} 
      </script> 
<script> 
preload([HERE HAVE I TO DO THE SELECT FROM MY DATABASE??]); 
</script> 

滑塊是這樣的:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#foo1").carouFredSel({ 
     items    : 8, 
     direction   : "left", 
     width    : "100%", 
     scroll : { 
      items   : 1, 
      easing   : "swing", 
      duration  : 300 
     }     
}); 


    $("#foo1_next").click(function() { 
     $("#foo1").trigger("next", 4); 
    }); 
    $("#foo1_prev").click(function() { 
     $("#foo1").trigger("prev", 4); 
    }); 
}); 
</script> 

我有什麼做的呢?用於幻燈片http://davidwalsh.name/html5-prefetch

<link rel="prefetch" href="location/of/image.png" /> 

此建議在這裏:)

+1

你更喜歡什麼服務器腳本語言? – jtheman

+1

您無法使用純javascript從服務器端數據庫中進行選擇。數據庫代碼需要在服務器端。所以它將取決於你的服務器端語言。 –

+1

@JamesGaunt好吧,*技術上*使用Node.js,你可以。你**不能**但是使用純粹的客戶端腳本來做到這一點 – dualed

回答

0

你可以有一個prefetch鏈接關係,像這樣;

感謝大家。