#topicpath
**lightwindow2.0¤È¤Ï¡© [#b882adf3]
lightwindow2.0
http://www.stickmanlabs.com/lightwindow/
ÀâÌÀ¤Ï¤³¤³¤¬¾Ü¤·¤¤
http://journal.mycom.co.jp/articles/2007/10/02/lw/index.html
**lightwindowÆâ¤Ëɽ¼¨¤Ç¤¤ë¤â¤Î [#wb06062f]
- ¥¤¥á¡¼¥¸¡¢³°Éô¥¤¥á¡¼¥¸¡¢¥¤¥á¡¼¥¸¥®¥ã¥é¥ê¡¼¡¢Ê£¿ô²èÁüƱ»þɽ¼¨¤Î¥®¥ã¥é¥ê¡¼
- Flash¡¢QucikTime¡¢Windows Media¡¢PDF¡¢Flash Paper¡¢YouTube¡¢Flash¥®¥ã¥é¥ê¡¼
- Web¥Ú¡¼¥¸(¾¥É¥á¥¤¥ó¤Î¤â¤Î´Þ¤à)
- iframe
- Ʊ¥Ú¡¼¥¸Æâ¤Ç»ØÄꤷ¤¿id¤ÎÆâÍÆʪ
**ɬÍפʥե¡¥¤¥ë [#qe579766]
- css/lightwindow.css
- javascript/prototype.js
- javascript/scriptaculous.js
- javascript/effects.js
- javascript/lightwindow.js
**ƳÆþÊýË¡ [#gfa9f64f]
headÆ⡧
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="javascript/lightwindow.js"></script>
<link rel="stylesheet" href="css/lightwindow.css" type="text/css" media="screen" />
bodyÆ⡧
<a>¥¿¥°¤Îclass°À¤Ëlightwindow¤ò»ØÄꤹ¤ë¤À¤±¡£
À©ºî¼Ô(Author)¤òɽ¼¨¤·¤¿¤¤¾ì¹ç¡§author°À¤ÇÀ©ºî¼Ô¤ò»ØÄꤷ¤Þ¤¹¡£
<a href="photo/001.jpg" class="lightwindow" title="Éٻλ³" author="OpenSpace">
¥¥ã¥×¥·¥ç¥ó¤òɽ¼¨¤·¤¿¤¤¾ì¹ç¡§<a>¥¿¥°¤Ëcaption°À¤Ë¥¥ã¥×¥·¥ç¥ó¤ò»ØÄê
<a href="http://www.openspc2.org/title.gif" class="lightwindow" title="Logo" caption="¥í¥´¤Ç¤¹">
OpenSpace¤Î¥í¥´¤òɽ¼¨
</a>
¾¤Î¥µ¥¤¥È¾å¤Ë¤¢¤ë²èÁü¤âº®ºß¤·¤Æɽ¼¨¤µ¤»¤ë¤³¤È¤â¤Ç¤¤Þ¤¹
**¥°¥ë¡¼¥×²½ [#nc50b551]
¥°¥ë¡¼¥×²½¤¹¤ë¤Ë¤Ï<a>¥¿¥°¤Îrel°À¤Ë[¥°¥ë¡¼¥×̾]¤ò»ØÄꤷ¤Þ¤¹¡£¥°¥ë¡¼¥×̾¤¬Æ±¤¸¤Ç¤¢¤ì¤Ð1¥»¥Ã¥È¤È¤·¤Æ¤ß¤Ê¤µ¤ì½èÍý¤µ¤ì¤Þ¤¹¡£
¥«¥Æ¥´¥ê̾¤ÏPhoto¡¢¥°¥ë¡¼¥×̾¤Ï00
<a href="photo/001.jpg" class="lightwindow" rel="Photo[00]" title="Éٻλ³">
<img src="thumb/001.jpg" width="96" height="54" alt="Éٻλ³">
</a>
<a href="photo/002.jpg" class="lightwindow" rel="Photo[00]" title="ͼ¾Æ¤±">
<img src="thumb/002.jpg" width="96" height="54" alt="ͼ¾Æ¤±">
</a>
<a href="photo/003.jpg" class="lightwindow" rel="Photo[00]" title="ÉÙ»³ÏÑ">
<img src="thumb/003.jpg" width="96" height="54" alt="ÉÙ»³ÏÑ">
</a>
**¥¡¼¥Ü¡¼¥ÉÁàºî [#n03d137c]
Á°¤Î²èÁü¤òɽ¼¨¤¹¤ë¤Ë¤ÏP¥¡¼¡¢¼¡¤Î²èÁü¤òɽ¼¨¤¹¤ë¤Ë¤ÏN¥¡¼¤ò²¡¤·¤Þ¤¹¡£
ÊĤ¸¤ë¤Ë¤Ïesc
**ÆüËܸì¤Çɽ¼¨¤¹¤ë¤è¤¦¤Ë¤¹¤ë [#y281258b]
http://journal.mycom.co.jp/articles/2007/10/02/lw/005.html
**ºÙ¤«¤¤¥«¥¹¥¿¥Þ¥¤¥º [#b5ee7137]
°ÌÃÖ»ØÄê¡¢¥µ¥¤¥º»ØÄꡢʣ¿ô²èÁüƱ»þɽ¼¨¤ÎËç¿ô»ØÄê¤Ï¡¢a¥¿¥°¤Ç¸ÄÊÌ»ØÄê¤Ç¤¤ë
*¾¤Î¥Ú¡¼¥¸¤òɽ¼¨¤¹¤ë [#c1183a3e]
¥µ¥¤¥º»ØÄê²Ä
<a href="http://journal.mycom.co.jp/" class="lightwindow page-options" params="lightwindow_width=640,lightwindow_height=480">
*Flash¥à¡¼¥Ó¡¼¤äQucikTime¥à¡¼¥Ó¡¼¡¢Windows Media ¥à¡¼¥Ó¡¼¤âƱÍͤÎÊýË¡¤Çɽ¼¨ [#ye4b1cb0]
<a href="movie/sample.mov" class="lightwindow page-options" params="lightwindow_width=340,lightwindow_height=260">±ÇÁü¤ò¸«¤ë</a>
*¥×¥í¥°¥é¥à¤ÇÀ©¸æ¤¹¤ë [#rf572e50]
http://journal.mycom.co.jp/articles/2007/10/02/lw/009.html
¼«Æ°Åª¤Ëɽ¼¨¤¹¤ë¡¢10É÷вᤷ¤¿¤éÊĤ¸¤ë¤Ê¤É¥«¥¹¥¿¥Þ¥¤¥º²Äǽ¡©