相簿圖片問題- 藍色小舖 BlueShop

台灣最大程式設計社群網站

∣免費加入會員∣登入 ∣回首頁∣ 您好

線上人數
746

會員總數：245792
討論主題：189426

登入

登出

歡迎您免費加入會員

討論區選單

開發工具

行動裝置開發

資料庫

多媒體 / 網管

綜合

文章區

討論區列表 >> PHP >> 相簿圖片問題

[]

[我要回覆]

相簿圖片問題
價值 : 25 QP 點閱數:635 回應數:2

樓主

惟欸

0	20
188	30

發送站內信

小弟想做一個放置圖片的網頁
使用Bootstrap來做

但執行起來的畫面卻只有兩條長條白線無法顯示圖片但點下去可見圖

也有找到一個範例不知行不行得通

<html>
<head>
<script type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="scripts/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="scripts/fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.4.js"></script>
<link rel="stylesheet" href="scripts/fancybox/jquery.fancybox-1.3.4.css">
       
         <script type="text/javascript">
                $(document).ready(function(){
                        $(".photo").fancybox();
                });
        </script>
 </head>
 
<body bgcolor="gray">
         <div class="gallery">
                 <a rel="gallery" class="photo" href="1.jpg"> <img src="1.jpg" width="250px"></a>
                 <a rel="gallery" class="photo" href="7.jpg"> <img src="7.jpg" width="250px"></a>
                 <a rel="gallery" class="photo" href="3.jpg"> <img src="3.jpg" width="250px"></a>
                 <a rel="gallery" class="photo" href="4.jpg"> <img src="4.jpg" width="250px"></a>
                 <a rel="gallery" class="photo" href="5.jpg"> <img src="5.jpg" width="250px"></a>
                 <a rel="gallery" class="photo" href="3.jpg"> <img src="3.jpg" width="250px"></a>
                 <a rel="gallery" class="photo" href="6.jpg"> <img src="6.jpg" width="250px"></a>
                 <a rel="gallery" class="photo" href="1.jpg"> <img src="1.jpg" width="250px"></a>
         </div>
</body>
</html>

再次煩請
請各位賜教
謝謝

搜尋相關Tags的文章： [ 相簿 ] ,
本篇文章發表於2016-02-15 21:16

1樓

最有價值解答

迷路

沒用過這套
不過稍微Google一下
第一段的寫法應該是在圖片周圍加上框線
參考來源
http://www.runoob.com/bootstrap/bootstrap-thumbnails.html

樓主的第一段程式並沒有指定img標籤的圖片來源，所以顯示時就沒有圖片的實體
樓主所謂的「只有兩條長條白線」，其實就是框線
但是樓主有設定a標籤的超連結位置，因此點下去還是可以連到圖片
另外，第一段程式中沒有ul的結尾

至於第二段程式應該是fancybox這套燈箱片效果套件
樓主使用後有甚麼問題?

本篇文章回覆於2016-02-16 09:28

== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--

2樓

作者回應

惟欸

以解決問題
謝謝

本篇文章回覆於2016-02-16 10:39

== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--

回覆

如要回應,請先登入.