如何使用分片盒

我想讓分片盒在測試頁中工作。從文檔看來，我似乎需要使用slicebox css文件，並將jquery腳本與slicebox.js一起鏈接起來。從那裏，我認爲這是作爲調用腳本的功能，如「$（‘＃SB-滑塊’）一樣簡單slicebox（）;但是，圖片甚至不露面如何使用分片盒

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Slicebox Test</title> 
    <link rel="stylesheet" type="text/css" href="css/slicebox.css" /> 
</head> 
<body> 
    <ul id="sb-slider" class="sb-slider"> 
     <li> 
      <a href="http://www.flickr.com/photos/strupler/2969141180" target="_blank"><img src="images/1.jpg" alt="image1"/></a> 
     </li> 
     <li> 
      <a href="http://www.flickr.com/photos/strupler/2968268187" target="_blank"><img src="images/2.jpg" alt="image2"/></a> 
     </li> 
     <li> 
      <a href="http://www.flickr.com/photos/strupler/2968114825" target="_blank"><img src="images/3.jpg" alt="image1"/></a> 
     </li> 
     <li> 
      <a href="http://www.flickr.com/photos/strupler/2968122059" target="_blank"><img src="images/4.jpg" alt="image1"/></a> 
     </li> 
     <li> 
      <a href="http://www.flickr.com/photos/strupler/2969119944" target="_blank"><img src="images/5.jpg" alt="image1"/></a> 
     </li> 
     <li> 
      <a href="http://www.flickr.com/photos/strupler/2968126177" target="_blank"><img src="images/6.jpg" alt="image1"/></a> 
     </li> 
     <li> 
      <a href="http://www.flickr.com/photos/strupler/2968945158" target="_blank"><img src="images/7.jpg" alt="image1"/></a> 
     </li> 
    </ul> 

    <div> 
     <a href="#">Next</a> 
     <a href="#">Previous</a> 
    </div> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
    <script type="text/javascript" src="js/jquery.slicebox.js"></script> 
    <script type="text/javascript"> 
    $("#sb-slider").slicebox(); 
    </script> 
    </body> 
    </html>

來源

2013-01-04 Jason Renaldo

我認爲你需要在那裏還鏈接了包括近代化腳本。

<script type="text/javascript" src="/scripts/modernizr.custom.46884.js"></script>

我有工作，但不是在所有的瀏覽器/平臺。

來源

2013-01-21 10:22:16 EzE

現在，我已經完全掌握了所有的瀏覽器。有些人不得不使用優雅的降級。 – EzE

你確實需要添加一個現成的功能。

$(document).ready(function() { 
    $("#sb-slider").slicebox(); 
});

來源

2013-01-04 04:16:03 xivo

我補充說，但問題仍然存在，我的圖像沒有出現。我不知道這個插件是否依賴於我不知道的其他CSS文件，因爲如果我拿出class =「sb-slider」，圖像就會出現，但顯然沒有效果。 –

你的網頁有任何錯誤嗎？ – xivo

Firebug似乎並不這麼認爲。 –

你有在這個文件夾中的CSS和JS？ css/slicebox.css js/jquery.slicebox.js 也許這就是問題所在。你必須下載並把它放在該文件夾中

來源

2013-12-19 14:52:24 MEEC

如何使用分片盒

回答

相關問題