![(¤¢¤ï¤¸²Ö¤µ¤¸¤[¤Ï¤Ð¥¿¥ó])](http://blog-imgs-30.fc2.com/t/o/m/tomytaku/hana-habatans.jpg) | ¥µ¥à¥Í¥¤¥ë²èÁü¤ò¥ª¡¼¥Ð¥ì¥¤¤Çɽ¼¨¤·¤Æ¤¯¤ì¤ë²¿¤È¤â¤ª¤·¤ã¤ì¤ÊLightbox¡£¿§¤ó¤Ê¥µ¥¤¥È¤ò»²¹Í¤Ë¤·¤Æ²¿¤È¤«Æ³Æþ½ÐÍè¤Þ¤·¤¿¡£»î¤·¤Ëº¸¤Î²èÁü¤ò¥¯¥ê¥Ã¥¯¤·¤Æ¤ß¤Æ¤¯¤À¤µ¤¤¡£(Javascript¤¬¥ª¥Õ¤Ë¤Ê¤Ã¤Æ¤¤¤ë¾ì¹ç¤Ïưºî¤·¤Ê¤¤¤Î¤ÇÃí°Õ)
»È¤Ã¤Æ¤ß¤è¤¦¤«¤Ê¤È»×¤¦Êý¤ÏÎɤ«¤Ã¤¿¤é»²¹Í¤Ë¤·¤Æ¤ß¤Æ²¼¤µ¤¤¤Í¡£ ¢¨´ðËÜŪ¤Ë¤Ï¤³¤Î¥Ä¡¼¥ë¤ÏMovable TypeÍѤDz¼¤ÎÀâÌÀ¤ÏFC2¥Ö¥í¥°ÍѤΥ«¥¹¥¿¥Þ¥¤¥ºÊýË¡¤Ç¤¹¡£³Æ¥ì¥ó¥¿¥ë¥Ö¥í¥°¤Î¾ì¹ç¤Ï²þ¤¤¬É¬ÍפȤΤ³¤È¡£ |
½àÈ÷
Lightbox JS v2.0¤Ç¥Õ¥¡¥¤¥ë¤ò¥À¥¦¥ó¥í¡¼¥É¡£[²òÅॽ¥Õ¥È¤Ï
¤³¤Á¤é]
ÀßÃÖÊýË¡
<head>¡Á</head>¤Ø¤Îµ½Ò
<script type="text/javascript" src="<%url>file/prototype.js"></script>
<script type="text/javascript" src="<%url>file/scriptaculous.js"></script>
<script type="text/javascript" src="<%url>file/lightbox.js"></script>
<link rel="stylesheet" href="<%url>file/lightbox.css" type="text/css" media="screen" />
lightbox.css¤Î½¤Àµ¡ÊÀÄ»ú¤ÎÉôʬ¡Ä/file/¤Ë¥¢¥Ã¥×¤·¤¿¥Õ¥¡¥¤¥ë¤òÁÞÆþ¡Ë
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(¡Ä/file/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(¡Ä/file/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(¡Ä/file/nextlabel.gif) right 15% no-repeat; }
lightbox.js¤Î½¤Àµ¡ÊÀÄ»ú¤ÎÉôʬ¡Ë
// Configuration
//
var fileLoadingImage = "¡Ä/file/loading.gif";
var fileBottomNavCloseImage = "¡Ä/file/close.gif";
var borderSize = 10;
°Ê¾å¤ÎÀßÄ꤬½ª¤ï¤ì¤Ð¥À¥¦¥ó¥í¡¼¥É¤·¤¿Á´¤Æ¤Î¥Õ¥¡¥¤¥ë¡¦²èÁü¤ò¥¢¥Ã¥×¥í¡¼¥É¡£[¥Ä¡¼¥ë¢ª¥Õ¥¡¥¤¥ë¥¢¥Ã¥×¥í¡¼¥É]¡£¤¢¤È¤Ï²èÁüɽ¼¨¤µ¤»¤ë¤À¤±¤Ç¤¹¡£
¥ê¥ó¥¯¤ÎÀßÄê(²èÁüɽ¼¨)
Lightbox JS ¤òÍøÍѤ·¤¿¤¤²èÁü¥ê¥ó¥¯¤ä¥Æ¥¥¹¥È¥ê¥ó¥¯¤Ë¡¢ÀÄ¿§¤Ç¼¨¤¹¤è¤¦¤Ë rel °À¤òÍ¿¤¨¤Þ¤¹¡£¤Þ¤¿¥ª¡¼¥Ð¥ì¥¤É½¼¨¤µ¤»¤ë¸µ¤Î²èÁü¤âÍѰդ·¤Æ¤ª¤¤¤Æ¤¯¤À¤µ¤¤¡£(fc2¤Î¾ì¹ç²èÁü¤ò¥¢¥Ã¥×¥í¡¼¥É¤¹¤ë¾ì¹ç¤Ë¥µ¥à¥Í¥¤¥ë¤âºîÀ®¤¹¤ë(jpg,png)¤Ë¥Á¥§¥Ã¥¯¤òÆþ¤ì¤ë)
¥µ¥à¥Í¥¤¥ë²èÁü¤Î¥µ¥¤¥ºÀßÄêÊýË¡[´Ä¶ÀßÄê¤ÎÊѹ¹]¢ª[¥Ö¥í¥°¤ÎÀßÄê]¢ª[¥µ¥à¥Í¥¤¥ëÀßÄê]
<a href="¡Ä/file/image-1.jpg" rel="lightbox" title="¤³¤³¤Ë¼Ì¿¿¤Î¥¿¥¤¥È¥ë"><img src="¡Ä/file/thumb-1.jpg" alt="¡Ä" ></a>
¤¢¤È¤Ï²èÁü¤ò¥¯¥ê¥Ã¥¯¤·¤Æ¤Á¤ã¤ó¤Èư¤¯¤«³Îǧ¤·¤Æ²¼¤µ¤¤¡£Ê£¿ô¤Î¼Ì¿¿¤ò¥¹¥é¥¤¥É¥·¥ç¡¼¤Ë¤¹¤ë¤³¤È¤â²Äǽ¡£¿§¡¹»î¤·¤Æ¤ß¤Æ¤¯¤À¤µ¤¤¤Í¡£
¥ê¥ó¥¯
»²¹Í¥ê¥ó¥¯
(02/19) ¥È¥ß¡¼
(02/19) JEY
(02/19) JEY
(02/18) JEY
(07/03) ¥È¥ß¡¼
(07/03) ¥È¥ß¡¼
(06/04) kaho*
(04/26) ¤ß¤½¤Î