ady asked in 電腦與網際網路程式設計 · 10 years ago

lightbox的css

我之前在巨匠學習網頁課程

有教到lightbox"圖片展示箱"

裡面有兩個資料夾

其中css資料夾裡應該要有"lightbox"&"screen"的css檔案

結果只有lightbox

而老師教學過程也有打開沒有 再自行貼上的過程

但是我回家看老師給的檔案裡面,沒有screen.css這個檔

上網下載的也都是只有lightbox沒有screen

我找到快起笑了~~

請有的人幫幫忙寄給我好嗎~~~(泣)

以下是老師給我們的教學過程

How to UsePart 1 - Setup

1.Lightbox 2 uses the Prototype Framework and Scriptaculous Effects Library. You will need to include these three Javascript files in your header (in this order).

<script type="text/javascript" src="js/prototype.js"></script>

<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>

<script type="text/javascript" src="js/lightbox.js"></script>2.Include the Lightbox CSS file (or append your active stylesheet with the Lightbox styles).

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />3.Check the CSS and make sure the referenced prev.gif and next.gif files are in the right location. Also, make sure the loading.gif and close.gif files as referenced near the top of the lightbox.js file are in the right location.Part 2 - Activate

1.Add a rel="lightbox" attribute to any link tag to activate the lightbox. For example:

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

Optional: Use the title attribute if you want to show a caption. 2.If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example:

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>

<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>

<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

No limits to the number of image sets per page or how many images are allowed in each set. Go nuts!

我的信箱是adymiho@gmail.com

1 Answer

Rating
  • 10 years ago
    Favorite Answer

    操作步驟沒有寫到那個檔案,也許是老師自己加的吧,這也說明為何老師沒有附給你,但是只要最終效果出得來,有沒有那個檔案都不是太重要吧!

    如果不明白直接寫信給老師或是撥巨匠客服專線: 0800-231381 (09:00~18:00)

Still have questions? Get your answers by asking now.