Lightbox Plus ¤ò»È¤Ã¤Æ¤ß¤ë
Ìá¤ë | ¡¡ | ¡¡ËÜ¥Ú¡¼¥¸¤ÎºÇ½ª¹¹¿·Æü»þ¡§ | ¡¡2007/04/02 07:50am JST¡¡ |
¥µ¥à¥Í¥¤¥ë²èÁü¤Î½ÅÍ×À¤ÈºîÀ®ÊýË¡¤Ë¤Ä¤¤¤Æ | |||
¤Á¤ç¤Ã¤È»î¤·¤Ë Lightbox ¤òÍøÍѤ·¤Æ¤ß¤ë¤« | |||
Lightbox Plus ¤ò¿§¡¹¤ÊFREE¥Ö¥í¥°¤Ç»È¤Ã¤Æ¤ß¤ë | |||
Lightbox JS v2.0¤ò»È¤Ã¤Æ¤ß¤ë |
¡¡¥È¥Ã¥×¥Ú¡¼¥¸¤Ç¾Ò²ðÃæ¤ÎÍ̾FREE¥Ö¥í¥°¤Ë¤Ä¤¤¤Æ¡¢Á´¤Æ¤Î¥µ¥à¥Í¥¤¥ë²èÁü¤ò¥¯¥ê¥Ã¥¯¤·¤¿ºÝ¤Ë¡¢Lightbox Plus¤ò»È¤Ã¤Æ¤ß¤ë¡£¤½¤ÎÄ´À°ÊýË¡¤ò»î¹Ô¤·¤Æ¤ß¤ë¡£¡¡ 2007/02/16 ¼Â¸³Åª¤ËºîÀ®¤·¤¿ÊÌLivedoor Wiki¤Ç¤Ï¡¢£±¥Õ¥¡¥¤¥ë¤ÎJavaScript¥Õ¥¡¥¤¥ë¤òÆɤ߹þ¤à¤À¤±¤Ç¡¢Lightbox Plus ¤Î¼ÂÁõ¤ËÀ®¸ù¤·¤Þ¤·¤¿¡£Íó³°¤ÎźÉÕ¥Õ¥¡¥¤¥ë¤â Lightbox Plus ¤Ç±ÜÍ÷¤·¤Þ¤¹¡£¤³¤ì¤Ê¤é¼«Í³¤Ë¥Ç¥¶¥¤¥ó¡¦¥Æ¥ó¥×¥ì¡¼¥È¤òÊѹ¹¤Ç¤¤Þ¤¹¡£¾Ü¤·¤¯¤Ï¡¢¡Ö ¤Á¤ç¤Ã¤È»î¤·¤Ë Lightbox ¤òÍøÍѤ·¤Æ¤ß¤ë¤« ¡×¤ò¤´Í÷²¼¤µ¤¤¡£
¢¨ ËÜ¥Ú¡¼¥¸¤Ï¡¢Lightbox JS v2.0¤ò¼ÂÁõ¤·¤Æ¤¤¤Þ¤¹¡£Lightbox Plus¤Ç¤Ï¤¢¤ê¤Þ¤»¤ó¡£¸í²ò¤¬¤¢¤ê¤Þ¤»¤ó¤è¤¦¤Ë¤ª´ê¤¤Ãפ·¤Þ¤¹¡£ËÜ¥Ú¡¼¥¸¤ÎºÇ½ª¹Ô¤Ë¤¢¤ë¥µ¥à¥Í¥¤¥ë²èÁü¤ÏLightbox Plus³«È¯¼Ô¤µ¤ó¤ÎHP¤Î¥µ¥ó¥×¥ëÁǺà¤Ç¤¹¡£¤³¤³¤Ç¥¯¥ê¥Ã¥¯¤¹¤ë¤È¡¢Lightbox JS v2.0¤ÎÊ·°Ïµ¤¤¬¤Ä¤«¤á¤ë¤Ç¤·¤ç¤¦¡£¤³¤³É®¼Ô(Ujiki.oO)¤ÎHP¤Ç¤ÎLightbox JS v2.0¤ÈLightbox Plus¤È¤òÈæ¤Ù¤Æ¤ß¤Æ¤Ï¤¤¤«¤¬¤Ç¤¹¤«¡£ºÇ²¼Ãʤˤ¢¤ê¤Þ¤¹¡£ ·è¤·¤Æ¡¢¤É¤Á¤é¤¬Îɤ¤¤È¤Ï¸À¤¤¤Þ¤»¤ó¡£¤¢¤¯¤Þ¤Ç¤â¼ç´Ñ¤ÎÁê°ã¤Ç¤¹¤Í¡£
·Ù¡¡¹ð¡¡¤È¡¡ÌÈ¡¡ÀÕ |
¡¡¤³¤Î¥Ú¡¼¥¸¤Ç¥Ö¥í¥°¤ËÂФ¹¤ë¼ÂÁõ¼ê½ç¤ò²òÀ⤷¤Æ¤¤¤Þ¤¹¤¬¡¢¤¢¤Ê¤¿¤¬¼Â»Ü¤µ¤ì¤ë¾ì¹ç¤Ë¤Ï½½Ê¬¤Ê¥¹¥¥ë¤¬¤¢¤ë¤³¤È¤ò´üÂÔ¤·¤Þ¤¹¡£¥¹¥¥ë¤Î̵¤¤Êý¤¬¥Ö¥í¥°Æâ¤ÎJavaScript¤òÊÔ½¸¤·¡¢¤¢¤é¤æ¤ë¥È¥é¥Ö¥ë¤ò¾·¤¤¤Æ¤â¡¢É®¼Ô¤ÏÀÕǤ¤òÉ餤¤Þ¤»¤ó¡£ËÜÅÀ¤òÍý²ò¤Ç¤¤Ê¤¤Êý¤Ï¡¢ËÜ¥Ú¡¼¥¸¤òÆɤ߿ʤޤʤ¤¤è¤¦¤Ë´ê¤¤¤Þ¤¹¡£ ¢¨ ÊÔ½¸²èÌ̤òÊ̤Υ֥饦¥¶¡¼(¥¦¥£¥ó¥É¡¼)¤Çɽ¼¨¤µ¤»¡¢¤¤¤Ä¤Ç¤âÉüµì¤Ç¤¤ë¤è¤¦´ê¤¤¤Þ¤¹¡ª |
¢ãÌܼ¡¢ä
- ¼ÂÁõ¤Î¥á¥ê¥Ã¥È
- ¼ÂÁõ¤ò¼Â¸½¤·¤¿Í̾FREE¥Ö¥í¥°Ã£
- ´ðËÜ¥³¥ó¥»¥×¥È
- ¡Ö Lightbox Plus ¡×¤ÎÁàºîÊýË¡
- ¥À¥¦¥ó¥í¡¼¥É
- ¤½¤ì¤Ç¤Ï¡¢Seesaa¥Ö¥í¥° ¤È FC2¥Ö¥í¥° ¤È Livedoor¥Ö¥í¥° ¤Ë¼ÂÁõ¤·¤Æ¤ß¤Þ¤¹¤«¡£
- prototype.js ¤ò¼ÂÁõ¤·¤Þ¤·¤ç¤¦¡£
- CSS¤ò³Æ¥Ö¥í¥°¤ËÄɲÃÅÐÏ¿¤·¤Þ¤·¤ç¤¦¡£¡¡lightbox.css
- ³Æ¥Ö¥í¥°ÀìÍѤΠlightbox_plus.js ¤òºîÀ®¤¹¤ë¡£
- ³ÆJavaScript¸Æ¤Ó½Ð¤·Ì¿Îá¤ò³Æ¥Ö¥í¥°¤ËËä¤á¹þ¤ß¤Þ¤·¤ç¤¦¡£
- °Ê²¼¤¬¼ÂÁõ¤Î·ë²Ì¤Ç¤¹¡£Ç¡²¿¤Ç¤·¤ç¤¦¤«¡©
- ¥Ö¥é¥¦¥¶¡¼Ëè¤ÎãÀ®ÅÙ¡§¡¡2007/01/17 ¸½ºß
- ΢µ»
- ¡ÚÈ¿¾Ê¡Û
- ´ØÏ¢¥ê¥ó¥¯
- ËÜWiki¥µ¥¤¥È¤¬Ìܻؤ·¤Æ¤¤¤ë¤³¤È
¼ÂÁõ¤Î¥á¥ê¥Ã¥È
¡¡¤ß¤Ê¤µ¤ó¤Ï¡¢¤¤Ã¤È¡Ö¥Ç¥¸¥¿¥ë¥«¥á¥é¡×¤ò¤ª»ý¤Á¤Ç¤·¤ç¤¦¤«¡£¤É¤ó¤É¤ó¿Ê²½¤·¡¢¤â¤Ã¤È¹âÀǽ¤Ê¥Ç¥¸¥«¥á¤òÍߤ·¤¤¤È¤Ï»×¤¤¤Þ¤»¤ó¤«¡£¤»¤Ã¤«¤¯¤Î¹âÀǽ¤Ê¥Ç¥¸¥«¥á¤ò»ý¤Ã¤Æ¤¤¤ë¤Î¤Ë¡¢¥Û¡¼¥à¥Ú¡¼¥¸¤Ë¤Ï½Ì¾®¤·¤¿¹Ó¤¤²èÁü¥Õ¥¡¥¤¥ë¤·¤«¥¢¥Ã¥×¥í¡¼¥É¤·¤Ê¤¤¤È¤·¤¿¤é¡¦¡¦¡¦Èᤷ¤¯¤Ê¤¤¤Ç¤¹¤«¡© ¡¡¤«¤È¤¤¤Ã¤Æ¡¢ÂçÍÆÎ̤βèÁü¥Õ¥¡¥¤¥ë¤òŽ¤êÉÕ¤±¤ë¤Î¤Ï¡¢¤¤¤±¤Þ¤»¤ó¤Í¡£ ¡¡¤Ç¤Ï¡¢¤É¤¦¤·¤Þ¤¹¤«¡© ¡¡²ò¤Ï¡¢·Ú²÷¤Ê¥µ¥à¥Í¥¤¥ë²èÁü¤òŽ¤êÉÕ¤±¤Æ¡¢ËÜ¥Ú¡¼¥¸¤Ç¾Ò²ð¤·¤Æ¤¤¤ë¡Ö Lightbox ¡×¤òÍøÍѤ·¤Æ¡¢¥ª¥ê¥¸¥Ê¥ë¥µ¥¤¥º¤Î²èÁü¤òÇÛ¿®¤·¤Þ¤·¤ç¤¦¡£
- ¢£ ²èÁü¥¯¥ê¥Ã¥¯¥¢¥ì¥ë¥®¡¼¾É¸õ·²
- ˬÌä¼Ô¤Ï¡¢¤¢¤Ê¤¿¤Î¥µ¥¤¥È¤Î²èÁü¤Ï£²Å٤ȥ¯¥ê¥Ã¥¯¤µ¤ì¤Ê¤¤¾õ¶·¤Ë¡¢¤É¤ó¤É¤ó¿Ê¤à¤«¤âÃΤì¤Ê¤¤¡£¤¢¤Ê¤¿¤Î¥µ¥¤¥È¤Î²èÁü¤ò¥¯¥ê¥Ã¥¯¤·¤Æ¤â¡¢Â礤ʥµ¥¤¥º¤ÎåºÎï¤Ê¥ª¥ê¥¸¥Ê¥ë²èÁü¤òɽ¼¨¤·¤Ê¤¤¤Ð¤«¤ê¤«¡¢²¿¤È¡¢²èÁü¤À¤±¤òɽ¼¨¤·¤Æ¤·¤Þ¤Ã¤Æ¡ÖÌá¤ë¡×¥Ü¥¿¥ó¤ò²¡¤µ¤Ê¤¤¤È¤¤¤±¤Ê¤¯¤Ê¤ë¡£¤³¤ó¤Ê¥Û¡¼¥à¥Ú¡¼¥¸¤À¤È¡¢ºÆˬÌ䤷¤Æ¤â£²Å٤ȲèÁü¤ò¥¯¥ê¥Ã¥¯¤·¤Ê¤¤¡£ËܼÂÁõ¤Ë¤è¤Ã¤Æ¡¢Ë¬Ìä¼Ô¤Ï²èÁü¤Î¥¯¥ê¥Ã¥¯¤¬³Ú¤·¤¯¤Ê¤ë¡£¤«¤âÃΤì¤Ê¤¤¡£
- ¢£ ¥µ¥à¥Í¥¤¥ë²èÁü¤Î±¿ÍѤǥ¹¥È¥ì¥¹¤òÍ¿¤¨¤Ê¤¤
- ¥Û¡¼¥à¥Ú¡¼¥¸¤Ë¤Ï·Ú¤¤¥µ¥¤¥º¡¢Ä㤤ÍÆÎ̤Υµ¥à¥Í¥¤¥ë²èÁü¤òÇÛÃÖ¤¹¤ë¡£¤½¤¦¤¹¤ì¤Ð±ÜÍ÷¼Ô¤ËÂФ·¤Æ¥¹¥È¥ì¥¹¤òÍ¿¤¨Æñ¤¤Êý¸þ¤È¸À¤¨¤Þ¤¹¡£¥µ¥à¥Í¥¤¥ë¤ÎÏÃÂê
- ¢£ ¥ª¥ê¥¸¥Ê¥ëÂçÍÆÎ̲èÁü¤Ç¤ÎÂбþ¤³¤½¥¤¥ó¥¿¡¼¥Í¥Ã¥È¤Ã¤Ý¤¤
- ±ÜÍ÷¼Ô¤¬¥¯¥ê¥Ã¥¯¤·¤¿¾ì¹ç¤Ë¡¢¤Ï¤¸¤á¤Æ¥ª¥ê¥¸¥Ê¥ë²èÁü¤Î¥À¥¦¥ó¥í¡¼¥É¤¬»Ï¤Þ¤ë¡£
- ¢£ ¥ª¥ê¥¸¥Ê¥ë²èÁü¤ÎÊÝÁ´
- ¥Û¡¼¥à¥Ú¡¼¥¸¤ò°õºþ¤·¤¿¤ê¡¢Êݸ¤·¤Æ¤â¥µ¥à¥Í¥¤¥ë²èÁü¤À¤±¤¬°õºþ¤µ¤ì¤¿¤êÊݸ¤µ¤ì¤ë¡£¥µ¥à¥Í¥¤¥ë²èÁü¤ò¥¯¥ê¥Ã¥¯¤·¤Æ¥ª¥ê¥¸¥Ê¥ë²èÁü¤òɽ¼¨¤·¤Æ¤â¡¢¥ª¥ê¥¸¥Ê¥ë²èÁü¤ÎÊݸ¤ÏÁǿͤˤϴÊñ¤Ë¤Ïºî¶È¤Ç¤¤Ê¤¤¡£Ãøºî¸¢Íø¿¯³²¤ÎËɻߤΥ¢¥×¥í¡¼¥Á¤Ë¤Ï¹×¸¥¤¹¤ë¡£¤«¤â¡£(Èù¾Ð)
¼ÂÁõ¤ò¼Â¸½¤·¤¿Í̾FREE¥Ö¥í¥°Ã£
¤³¤³¤Ç¤Ï¡¢Seesaa¡¢FC2¡¢Livedoor³ÆFREE¥Ö¥í¥°°Ê³°¤Î¥Ö¥í¥°¤Ø¤Î¼ÂÁõ·ë²Ì¤Ç¤¹¡£
¥Ö¥í¥°¥µ¥¤¥È(ABC½ç) | Ëä¤á¹þ¤ß´°Î»Æü»þ |
Ninja(Ǧ¼Ô) | ¡¡2007/02/02¡¡ |
¥¦¥§¥Ö¥ê¥Ö¥í¥°(Biglobe) | ¡¡2007/02/04¡¡ |
´ðËÜ¥³¥ó¥»¥×¥È
¡¡¥ª¥ê¥¸¥Ê¥ë²èÁü¥Õ¥¡¥¤¥ë¥¢¥Ã¥×¥í¡¼¥É¤¹¤ëºÝ¤Ë¡¢¥µ¥à¥Í¥¤¥ë²èÁü¤ò¼«Æ°Åª¤ËºîÀ®¤·¡¢¥µ¥à¥Í¥¤¥ë²èÁü¤òɽ¼¨¤·¤Æ¡¢¥ª¥ê¥¸¥Ê¥ë²èÁü¤Ø¥ê¥ó¥¯¤¹¤ëHTML¥¹¥¯¥ê¥×¥È¤ò¡¢¥Ö¥í¥°¤ËËä¤á¹þ¤à¤³¤È¤¬½ÐÍè¤ë¡Ö¥Õ¥ê¡¼¥Ö¥í¥°¡×¤ò½Å»ë¤·¡¢Ëä¤á¹þ¤Þ¤ì¤¿HTML½ñ¼°¤ò½ñ¤Ä¾¤¹¤³¤È¤Ê¤¯¡¢¤½¤Î¤Þ¤Þ¤ÎÅê¹ÆÆâÍÆ¤Ç¡Ö Lightbox Plus ¡×¤òÍøÍѤǤ¤ë¤è¤¦¤Ë¹Í¤¨¤ë¡£¤Ê¤¼Lightbox Plus¤Î¡Ö lightbox_plus.js ¡×¤ò²þã⤹¤ë¤Î¤Ç¤·¤ç¤¦¡£
¡¡¡¡target="_blank"¤Ï¡¢»Ä¤¹¤Ù¤¤Ç¤¹¡£²¿¤é¤«¤ÎÍýͳ¤Ç¡¢Lightbox Plus¤ò¥¢¥ó¥¤¥ó¥¹¥È¡¼¥ë¤·¤¿¤¤¾ì¹ç¡¢¸µ¤ÎÆ°ºî¤òÊݾڤ¹¤ë¤Ù¤¤Ç¤¹¡£¤Þ¤¿¡¢¥¤¥ó¥¿¡¼¥Í¥Ã¥ÈÄÌ¿®¾å¤ÎÌäÂ꤫¡¢±ÜÍ÷¼Ô¤ÎÅÔ¹ç¤Ç¡¢½èÍýÁ°¤Ë²èÁü¤ò¥¯¥ê¥Ã¥¯¤µ¤ì¤¿¾ì¹ç¤Ë¤âɬÍפǤ¹¡£
¡¡¡¡rel="lightbox"¤ò¡¢¤¢¤Ê¤¿¤Ï¼êÆ°¤Ç¤¤¤Á¤¤¤ÁÅÐÏ¿¤¹¤ë¤Î¤Ç¤¹¤«¡©¡¡¤ªÈè¤ìÍͤǤ¹¡£¤³¤ó¤Ê·è¤Þ¤ê¤¤Ã¤¿¤³¤È¤Ï¥³¥ó¥Ô¥å¡¼¥¿¡¼¤Ë½èÍý¤µ¤»¤Þ¤·¤ç¤¦¤è¡£
¡¡¡¡class="effectable"2007/01/17¸½ºß¡¢É®¼Ô¤ÎJavaScript¤Ç¡¢Firefox¤Ë¤ª¤¤¤Æ¤Ï¼ÂÁõ¤ò½ª¤¨¤Æ¤ª¤ê¤Þ¤¹¡£¡Ö IMG ¡×¥¿¥°¤Î¡Ö ALT ¡×°À¤Î£±Ê¸»úÌܤ¬¡ÖȾ³Ñ¥¹¥Ú¡¼¥¹¡×¤Î¾ì¹ç¤Ï¡¢¼«Æ°Åª¤ËclassÀë¸À¤¬ÁÞÆþ¤µ¤ì¤Æ¤¤¤Þ¤¹¡£MSIE¤Ç¤Î¼ÂÁõ¤¬²Äǽ¤Ë¤Ê¤ê¤Þ¤·¤¿¤é¡¢ËÜ¥Ú¡¼¥¸¤Ç¸ø³«¤¹¤ëͽÄê¤Ç¤¹¡£
¡¡°Ê¾å¤Î½èÍý¤ò¡¢º£È̤ÎJavaScript¤Ç¼Â¸½¤µ¤»¤Æ¤¤¤Þ¤¹¡£¤³¤³¤Ç»î¹Ô¤¹¤ë¤Î¤Ï¡¢Á÷¤é¤ì¤Æ¤¤¿¾ðÊó¤ò¡Ö¤¢¤Ê¤¿¤Î¥Ö¥é¥¦¥¶¡¼Â¦¤ÇÊÑ´¹¡×¤·¤Æ¡¢º£ÈÌ¤Ï¡Ö Lightbox Plus ¡×¤Ç·è¤á¤é¤ì¤Æ¤¤¤ë½ñ¼°¤ËÊÑ´¹¤·¤Æ¤·¤Þ¤ª¤¦¤È¸À¤¦»î¤ß¤Ç¤¹¡£¤Ä¤Þ¤ê¡¢³Æ¥Ö¥í¥°¥µ¥¤¥È¦¤Ë¤È¤Ã¤Æ¤Ï¡¢²¿¤â¤·¤Æ¤¤¤Ê¤¤¡£¼Â¹Ô¤¹¤ë¤Î¤Ï¡¢¤¢¤¯¤Þ¤Ç¤â¡Ö¤¢¤Ê¤¿¤Î¥Ö¥é¥¦¥¶¡¼¡×¤¬ÊÑ´¹¤¹¤ë¤È¤¤¤¦¤³¤È¤Ç¤¹¡£ ¡¡É¬¤º¡Ö Lightbox Plus ¡×¤ËˬÌ䤷¤Æ¡¢¤¢¤Ê¤¿¤Î¥Ö¥é¥¦¥¶¡¼¤¬µ¡Ç½¤¹¤ë¤³¤È¤ò³Îǧ¤·¤Æ¤ß¤Æ¤¯¤À¤µ¤¤¡£ ¡¡³«È¯¸µ¤ÎHP¤Çµ¡Ç½¤·¤Ê¤¤¥Ö¥é¥¦¥¶¡¼¤Ç¤¹¤È¡¦¡¦¡¦¡¦¤½¤ì¤Ï̵Íý¤Ç¤¹¡£(^^);
¡¡¤µ¤Æ¡¢¡Ö¤¢¤Ê¤¿¤Î¥Ö¥é¥¦¥¶¡¼¡×¦¤ÇÊÑ´¹¤µ¤»¤ë·ë²Ì¤È¤Ï¡¢¡Ö £á ¡×¥¿¥°¤Ë¡Ö £ò£å£ì ¡×¤ò¡¢¤½¤·¤Æ¡Ö £é£í£ç ¡×¥¿¥°¤Ë¡Ö title ¡×¥¨¥ì¥á¥ó¥È¤òÄɲ䷤Ƥ¤¤ë¤Î¤Ç¤¹¡£
¤Ä¤Þ¤ê
<a href="¥ª¥ê¥¸¥Ê¥ë²èÁü¤ÎURL" target="_blank"><img src="¥µ¥à¥Í¥¤¥ë²èÁü¤ÎURL" alt="¥³¥á¥ó¥È" ¾°À¡¦¡¦¡¦></a>¤È¸À¤¦¹½Ê¸¤ò¡¢¤¢¤Ê¤¿¤Î¥Ö¥é¥¦¥¶¡¼¤Ç¼õ¤±¼è¤Ã¤¿¤é¡¢¤¢¤Ê¤¿¤Î¥Ö¥é¥¦¥¶¡¼Â¦¤Ç
<a href="¥ª¥ê¥¸¥Ê¥ë²èÁü¤ÎURL" rel="lightbox"><img src="¥µ¥à¥Í¥¤¥ë²èÁü¤ÎURL" alt="¥³¥á¥ó¥È" title="¥¥ã¥×¥·¥ç¥ó" ¾°À¡¦¡¦¡¦></a>¤È¸À¤¦ÆâÍƤËÊÑ´¹¤·¤Þ¤¹¡£
¡¡ÊÑ´¹¤µ¤»¤ë¥¿¥¤¥ß¥ó¥°¤Ï¡¢HP¤Î¾ðÊó¤òÁ´¤Æ¡Ö¤¢¤Ê¤¿¤Î¥Ö¥é¥¦¥¶¡¼¡×¤¬ÆɤßÀڤ俤Ȥµ¤ì¤ëľ¸å¤ËƯ¤¤Þ¤¹¡£¤è¤Ã¤Æ¡¢¥¤¥ó¥¿¡¼¥Í¥Ã¥ÈÄÌ¿®¾å¤ÎÌäÂ꤫¡¢¤Þ¤¿¤Ï¡Ö¥¤¥é¥Á¤Ê¤¢¤Ê¤¿¡×¤ÎÌäÂê¤Ç¡¢½èÍý¤Î¥¿¥¤¥ß¥ó¥°¤Î°ÊÁ°¤Ë²èÁü¤ò¥¯¥ê¥Ã¥¯¤·¤Þ¤¹¤È¡¢¡Ö¤¢¤Ê¤¿¤Î¥Ö¥é¥¦¥¶¡¼¡×¤¬ÊÑ´¹½èÍý¤ò¹Ô¤Ã¤Æ¤¤¤Ê¤¤¤ï¤±¤Ç¤¹¤«¤é¡¢µ¡Ç½ÉÔÁ´¤òµ¯¤³¤·¤Þ¤¹¡£·è¤·¤Æ¡¢³Æ¥Ö¥í¥°¤ÎÌäÂê¤Ç¤Ï¤¢¤ê¤¨¤Þ¤»¤ó¤Î¤Ç¡¢³Æ¥Ö¥í¥°Ä󶡴ë¶È¤Ø¶ì¾ð¡¢¼ÁÌä¤Ï¤µ¤ì¤Ê¤¤¤è¤¦¤Ë¤ª´ê¤¤¿½¤·¾å¤²¤Þ¤¹¡ª
¡¡¤Þ¤¿¡¢Á´¤Æ¤Î¥Ö¥í¥°¤Ïº¸±¦¤Î¥µ¥¤¥É¥á¥Ë¥å¡¼¤Ï̵»ë¤µ¤ì¤Þ¤¹¡£ÂоݤȤʤë¤Î¤ÏÃæ±ûËÜʸÆâ¤Î²èÁü¤À¤±¤Ç¤¹¡£
¢¨ ½ÅÍפʤ³¤È¤Ï¡¢¼êºî¶È¤Ç¼Â¸½¤µ¤»¤Ê¤¤¤³¤È¤Ç¤¹¡ª
·è¤·¤Æ¡¢·è¤·¤Æ¡¢²èÁüŽ¤êÉÕ¤±¤Î°Ù¤Î¡Ö£Á¡×¥¿¥°¤Ê¤ê¡¢¡Ö£É£Í£Ç¡×¥¿¥°¤ò¼êºî¶È¤ÇÊѹ¹¤·¤Æ¤Ï¤¤¤±¤Þ¤»¤ó¡ª
¡¡¶á¤¤¾Íè¡¢¤â¤Ã¤ÈÁÇÀ²¤é¤·¤¤¡Ö¼¡À¤Âå£Ì£é£ç£è£ô£â£ï£ø¡×¤Ê¤ë¤â¤Î¤¬Åо줷¤Þ¤¹¤è¡£¤¢¤Ê¤¿¤Ï¤¤Ã¤È»×¤¦¤Ç¤·¤ç¤¦¡£
¡Ö¤ï¤Ã¡ª¤¢¤Î Lightbox ¤òºÎÍѤ·¤¿¤Î¤ÏÁá·×¤À¤Ã¤¿¡ª ¾è¤ê´¹¤¨¤¿¤¤¤±¤É¡¢²áµî¤ÎÁ´¤Æ¤ÎÅê¹Æµ»ö¤ò¤É¤¦¤·¤è¤¦¡¦¡¦¡¦¡¦¤¦¡Á¤à¡×
·è¤·¤Æ¡¢¼êºî¶È¤Ç²èÁüËä¤á¹þ¤ß¤ò¹Ô¤Ã¤Æ¤Ï¤¤¤±¤Þ¤»¤ó¡ª¡ª
¡Ö Lightbox Plus ¡×¤ÎÁàºîÊýË¡
01-1 | ¡¡¼ÂÁõºÑ¤ß¤Î²èÁü¤ò¥¯¥ê¥Ã¥¯¤¹¤ë¤È¡¢¥Ú¡¼¥¸¤Ë¥·¥ã¥É¡¼¥Þ¥¹¥¯¤¬»Ü¤µ¤ì¡¢Ãæ±û¤ËÌÜŪ¤Î²èÁü¤òɽ¼¨¤·¤Þ¤¹¡£²èÁü¤ò±ÜÍ÷¤¹¤ë¤Î¤Ë¡¢¿·¤·¤¤¥¦¥£¥ó¥É¡¼¤ò³«¤¤¤¿¤ê¡¢²èÁü¤À¤±¤òɽ¼¨¤·¤Æ¤·¤Þ¤Ã¤Æ¡¢¸µ¤ËÌ᤹¤Î¤Ë»þ´Ö¤¬¤«¤«¤ë¤È¤¤¤Ã¤¿ÈÑ»¨¤µ¤¬¤Ê¤¯¤Ê¤ê¤Þ¤¹¡£ | |
02-1 | ¡¡Ê£¿ô¤Î²èÁü¤¬¤¢¤ë¾ì¹ç¤Ï¡¢²èÁü¤Î±¦¤Ëɽ¼¨¤µ¤ì¤ë²èÁü¤ò¥¯¥ê¥Ã¥¯¤¹¤ë¤È¼¡¤Î²èÁü¤òɽ¼¨¤·¤Þ¤¹¡£ | |
03-1 | ¡¡Æ±¤¸¤¯¡¢²èÁü¤Îº¸¤Ëɽ¼¨¤µ¤ì¤ë²èÁü¤ò¥¯¥ê¥Ã¥¯¤¹¤ë¤È¸µ¤Î²èÁü¤òɽ¼¨¤·¤Þ¤¹¡£ | |
04-1 | ¡¡±¦¾å¤Î¡Ö ¡ß ¡×¤ò¥¯¥ê¥Ã¥¯¤¹¤ì¤Ð¡¢ÊĤ¸¤ë¤³¤È¤¬¤Ç¤¤Þ¤¹¡£¥·¥ã¥É¡¼¥Þ¥¹¥¯Îΰè¤ò¥¯¥ê¥Ã¥¯¤·¤Æ¤âÊĤ¸¤ë¾ì¹ç¤¬¤¢¤ê¤Þ¤¹¡£²èÁü¤ò¥¯¥ê¥Ã¥¯¤·¤Æ¤âÊĤ¸¤ì¤Þ¤¹¤¬¡¢¸å½Ò¤¹¤ë³ÈÂç¥â¡¼¥É»þ¤È½Ì¾®¥â¡¼¥É»þ¤Ç¤ÏÁàºî¤¬°Û¤Ê¤ê¤Þ¤¹¡£ | |
¡¡¤³¤³¤«¤é¤¬¡¢ Lightbox JS v2.0¤Ë¤Ï̵¤¤ ¹âµ¡Ç½¤Ç¤¹¤Í¡£¡¡ | ||
05-1 | ¡¡²¾¤Ëɽ¼¨¤¹¤ë²èÁü¤¬¥Ö¥é¥¦¥¶¡¼¤ÎÆ⦤ÎÎΰè¤ò±Û¤¨¤ë¾ì¹ç¤Ë¡¢º¸¾å¤Î³ÈÂç¥Ü¥¿¥ó¤ò¥¯¥ê¥Ã¥¯¤·¤Þ¤¹¡££±ÇÜ¥¹¥±¡¼¥ë¤Çɽ¼¨¤µ¤ì¤Þ¤¹¡£¤³¤Îɽ¼¨¥â¡¼¥É¤ò¡Ö³ÈÂç¥â¡¼¥É¡×¤Èɽ¸½¤·¤Þ¤¹¤«¡£ ¢¨ ³ÈÂç¥â¡¼¥ÉÃæ¤Ê¤é²èÁü¤ò£²²ó¥¯¥ê¥Ã¥¯¤¹¤ë¤ÈÊĤ¸¤ë¤³¤È¤¬½ÐÍè¤Þ¤¹¡£ | |
05-2 | ¡¡¡Ö³ÈÂç¥â¡¼¥É¡×¤ò½ªÎ»¤¹¤ë¤Ë¤Ï¡¢º¸¾å¤Î½Ì¾®¥Ü¥¿¥ó¤ò¥¯¥ê¥Ã¥¯¤·¤Þ¤¹¡£¤³¤Îɽ¼¨¥â¡¼¥É¤ò¡Ö½Ì¾®¥â¡¼¥É¡×¤Èɽ¸½¤·¤Þ¤¹¤«¡£ ¢¨ ¤Ä¤Þ¤ê¡¢Â礤ʥµ¥¤¥º¤Î²èÁü¤Ï¼«Æ°Åª¤Ë½Ì¾®É½¼¨¤·¤Æ¤¯¤ì¤ë¤ï¤±¤Ç¤¹¡£ ¢¨ ¤Þ¤¿¡Ö½Ì¾®¥â¡¼¥É¡×Ãæ¤Ï¥Ö¥é¥¦¥¶¡¼¤ò½Ä²£¥¹¥¯¥í¡¼¥ë¤·¤Æ¤â²èÁü¤Ï¤º¤ì¤º¤ËÄɽ¾¤·¤Þ¤¹¡£ ¢¨ ¡Ö½Ì¾®¥â¡¼¥É¡×Ãæ¤Ï²èÁü¤ò£±²ó¥¯¥ê¥Ã¥¯¤¹¤ë¤ÈÊĤ¸¤ë¤³¤È¤¬½ÐÍè¤Þ¤¹¡£ | |
06-1 | ¡¡¡Ö³ÈÂç¥â¡¼¥É¡×ɽ¼¨Ãæ¤Ï±¦²¼¤Ë¡Öɽ¼¨Îΰè¡×¤òɽ¼¨¤·¤Æ¤¤¤Þ¤¹¡£¤É¤Î°ÌÃ֤γÈÂ礫¤ò¥Ó¥¸¥å¥¢¥ëŪ¤ËÍý²ò¤Ç¤¤ë¤Ç¤·¤ç¤¦¡£ | |
07-1 | ¡¡¡Ö³ÈÂç¥â¡¼¥É¡×Ãæ¤Ï¡¢²èÁü¤ÎÊ¿¹Ô°ÜÆ°¤¬²Äǽ¤Ç¤¹¡£²èÁü¤ò¥¯¥ê¥Ã¥¯¤·¤¿¤Þ¤Þ¤Ç°ÜÆ°¤µ¤»¤Æ¤¯¤À¤µ¤¤¡£ | |
08-1 | ¡¡¡Ö³ÈÂç¥â¡¼¥É¡×Ãæ¤Ï¡¢É½¼¨ÇÜΨ¤ÎÊѹ¹¤¬²Äǽ¤Ç¤¹¡£¥Þ¥¦¥¹¤Î¥Û¥¤¡¼¥ë¤Ç½Ì¾®¡¦³ÈÂç²Äǽ¤Ç¤¹¡£ | |
09-1 | ¡¡ÆÃÄê¤Î²èÁü¤ò¥ª¡¼¥Ð¡¼¥é¥Ã¥×ɽ¼¨¤µ¤»¤ë¤³¤È¤¬²Äǽ¤Ç¤¹¡£ |
¥À¥¦¥ó¥í¡¼¥É
¡¡¥À¥¦¥ó¥í¡¼¥É¤Ï¡¢Lightbox Plus¤«¤é£±¥Õ¥¡¥¤¥ë¤Å¤Ä¹Ô¤¤¤Þ¤¹¡£GIF¥Õ¥¡¥¤¥ë¤ÈPNG¥Õ¥¡¥¤¥ë¤¬´Þ¤Þ¤ì¤Æ¤¤¤Þ¤¹¡£¸ø³«¤Ç¤¤ë¾ì½ê¤Ë¥¢¥Ã¥×¥í¡¼¥É¤·¤Þ¤·¤ç¤¦¡£
¡¡GIF¥Õ¥¡¥¤¥ë¤âPNG¥Õ¥¡¥¤¥ë¤âURL¤òÁȤßÆþ¤ì¤ëɬÍפ¬¤¢¤ê¤Þ¤¹¡£¥á¥â¤·¤Æ¤ª¤¤Þ¤·¤ç¤¦¡£
¤½¤ì¤Ç¤Ï¡¢Seesaa¥Ö¥í¥° ¤È FC2¥Ö¥í¥° ¤È Livedoor¥Ö¥í¥° ¤Ë¼ÂÁõ¤·¤Æ¤ß¤Þ¤¹¤«¡£
¤Þ¤º¤Ï¡¢¥ª¥ê¥¸¥Ê¥ë²èÁü¤ò¤½¤ì¤¾¤ì¤Î¥Ö¥í¥°¤Ë¥¢¥Ã¥×¥í¡¼¥É¤·¤Æ¤ß¤Þ¤¹¤«¡£
¥µ¥ó¥×¥ë²èÁü¤òÍÑ°Õ¤·¤Þ¤·¤¿¡£ttp://img02.pics.livedoor.com/002/5/e/5e66c7d187bac38c4324-L.jpg
Seesaa¤Î¾ì¹ç¡§
01-1 | ¡¡µ»öÅê¹Æ²èÌ̤ǡ¢º¸¤Î¥¢¥¤¥³¥ó¤ò¥¯¥ê¥Ã¥¯¤¹¤ì¤Ð¡¢ÆâÍƤΠtextarea Îΰè¤Îľ²¼¤Ë¡¢¥Õ¥¡¥¤¥ë¥Þ¥Í¡¼¥¸¥ã¡¼¤¬É½¼¨¤µ¤ì¤Þ¤¹¡£ | |
02-1 | ¡¡¤³¤ÎÎã¤Ç¤Ï¡¢¡Ö Sample.jpg ¡×¤òÅÐÏ¿¤·¤Æ¤¤¤Þ¤¹¡£¤½¤Î¤Þ¤Þ¡¢Äɲåܥ¿¥ó¤ò²¡¤·¤Þ¤·¤ç¤¦¡£ | |
03-1 | ¡¡¥¢¥Ã¥×¥í¡¼¥É¤¬½ªÎ»¤·¤Þ¤¹¤È¡¢¥ê¥Õ¥ì¥Ã¥·¥å¤µ¤ì¤Þ¤¹¡£¥Õ¥¡¥¤¥ë¥Þ¥Í¡¼¥¸¥ã¡¼¤ÎºÇ¾åÃʤˡ¢º£¡¢¥¢¥Ã¥×¥í¡¼¥É¤·¤¿¥Õ¥¡¥¤¥ë¤¬¸½¤ì¤Þ¤¹¡£ ¡¡¤³¤³¤Ç¤Ï¡¢¡Ö ¥µ¥à¥Í¥¤¥ë ¡×¥Ü¥¿¥ó¤ò¥¯¥ê¥Ã¥¯¤·¤Þ¤¹¡£ ¡¡¤½¤¦¤·¤Þ¤¹¤È¡¢Åê¹ÆÆâÍƤΥ¨¥ê¥¢¤ËHTMLʸ¾Ï¤¬Ëä¤á¹þ¤Þ¤ì¤Þ¤¹¡£ |
<a href="http://designcheck.up.seesaa.net/image/Sample.jpg" target="_blank"><img src="http://designcheck.up.seesaa.net/image/Sample-thumbnail2.jpg" alt="Sample.jpg" width="150" height="112" border="0" /></a>¡¡¤³¤Î¤è¤¦¤ËËä¤á¹þ¤Þ¤ì¤¿¤Ï¤º¤Ç¤¹¡£ alt¤Î¾ðÊó¤¬ÌÌÇò¤¯¤Ê¤¤¤Ç¤¹¤Í¡£¤Þ¤¢¡¢¤³¤³¤Ç¤Ï̵»ë¤·¤Þ¤¹¤«¡£
¡¡¤µ¤Æ¡¢¤³¤Î¤Þ¤ÞÅê¹Æ¤·¤Þ¤·¤ç¤¦¤«¡£Åê¹Æ¤·¤¿¥Ö¥í¥°¤Ç¤¹¡£
FC2¤Î¾ì¹ç¡§
<a href="http://blog53.fc2.com/u/ujiki/file/Sample.jpg" target="_blank"><img src="http://blog53.fc2.com/u/ujiki/file/Samples.jpg" alt="¤¢¤é¤é¤¢¡ÁÉٻλ³¤Ç¤¹¡Á¤Í" border="0"></a><br clear="all">¡¡¤³¤Î¤è¤¦¤ËËä¤á¹þ¤Þ¤ì¤¿¤Ï¤º¤Ç¤¹¡£ alt¤Ë¾ðÊó¤¬Æþ¤ê¤Þ¤·¤¿¡£³Ð¤¨¤Æ¤ª¤¤¤Æ¤¯¤À¤µ¤¤¡£
¡¡¤µ¤Æ¡¢¤³¤Î¤Þ¤ÞÅê¹Æ¤·¤Þ¤·¤ç¤¦¤«¡£Åê¹Æ¤·¤¿¥Ö¥í¥°¤Ç¤¹¡£
Livedoor¤Î¾ì¹ç¡§
<a href="http://image.blog.livedoor.jp/mmj_aos/imgs/3/6/36c8a2a7.jpg" target="_blank"><img src="http://image.blog.livedoor.jp/mmj_aos/imgs/3/6/36c8a2a7-s.jpg" width="160" height="120" border="0" alt="¥µ¥ó¥×¥ë²èÁü¤ò¤¢¤Ã¤×¤¹¤ë¤Î¤À" hspace="5" class="pict" align="left" /></a><br />¡¡¤³¤Î¤è¤¦¤ËËä¤á¹þ¤Þ¤ì¤¿¤Ï¤º¤Ç¤¹¡£ alt¤Ë¾ðÊó¤¬Æþ¤ê¤Þ¤·¤¿¡£³Ð¤¨¤Æ¤ª¤¤¤Æ¤¯¤À¤µ¤¤¡£
¡¡¤µ¤Æ¡¢¤³¤Î¤Þ¤ÞÅê¹Æ¤·¤Þ¤·¤ç¤¦¤«¡£Åê¹Æ¤·¤¿¥Ö¥í¥°¤Ç¤¹¡£
¶¦Ä̤Υե¡¥¤¥ë¤ò¸ø³«¤Ç¤¤ë¾ì½ê¤Ë¥¢¥Ã¥×¥í¡¼¥É¤·¤Þ¤·¤ç¤¦¡£
blank.gif close.gif expand.gif loading.gif next.gif overlay.png prev.gif shrink.gif zzoop.gif¤Ï¡¢¤½¤Î¤Þ¤Þ¥¢¥Ã¥×¥í¡¼¥É¤¹¤ì¤ÐÎɤ¤¤Ç¤·¤ç¤¦¡£
spica.js¤ÏJavaScript¥Õ¥¡¥¤¥ë¤Ç¤¹¤¬¡¢¤³¤ì¤â¤³¤Î¤Þ¤Þ¥¢¥Ã¥×¥í¡¼¥É¤·¤Þ¤¹¤«¡£
prototype.js ¤ò¼ÂÁõ¤·¤Þ¤·¤ç¤¦¡£
¡¡http://prototype.conio.net/ ¤Ë¡¢JavaScript¥Õ¥¡¥¤¥ë¤¬¤¢¤ê¤Þ¤¹¡£º£²ó¤Ï¡¢¤³¤ì¤òÍøÍѤ·¤Þ¤¹¡£Download the latest version (1.4.0) ¤ò¥À¥¦¥ó¥í¡¼¥É¤·¡¢¤¢¤Ê¤¿¤Î¥µ¥¤¥È¤Ë¥¢¥Ã¥×¥í¡¼¥É¤·¤Þ¤·¤ç¤¦¡£°Ê²¼¤Î¡Ö prototype.js ¡×¤Ç¤¹¡£
prototype-1.4.0 ¡¡¡¡¡¡¡¡¡¡¨¦dist ¡¡¡¡¡¡¡¡¡¡¡¡¡¡¨¦prototype.js
CSS¤ò³Æ¥Ö¥í¥°¤ËÄɲÃÅÐÏ¿¤·¤Þ¤·¤ç¤¦¡£¡¡lightbox.css
¡¡CSS¤Î¼ÂÁõ¤ÎÊýË¡¤Ï¤ªÇ¤¤»¤¹¤ë¤¬¡¢É®¼Ô¤Î¾ì¹ç¤Ï¥Ö¥í¥°¤¬¸Æ¤Ó½Ð¤·¤Æ¤¤¤ëCSS¥Ç¡¼¥¿¡¼¤Î¸åȾ¤ËÄɲ䷤Ƥ¤¤ë¡£ ¡¡¤³¤¦¤¹¤ì¤Ð¡¢Á´ÂΤò¸«ÅϤ·°×¤¯¤Ê¤ë¡£¤«¤â¡£- £¸¹ÔÌÜ¤Î¡Ö overlay.png ¡×¤ò http://¡Á ¤«¤é»Ï¤Þ¤ëURL¤ËÊѹ¹¤¹¤ë¡£
- £²£²¹ÔÌܤâƱ¤¸¼ê½ç¤ÇÊѹ¹¤¹¤ë¡£
- £²£·¹ÔÌÜ¤Î¡Ö blank.gif ¡×¤ò http://¡Á ¤«¤é»Ï¤Þ¤ëURL¤ËÊѹ¹¤¹¤ë¡£
°Ê¾å¤Î½¤Àµ¤ò»Ü¤·¤Æ¤«¤é¡¢ÆâÍƤò´Ý¡¹³Æ¥Ö¥í¥°¤ÎCSSÎΰè¤Î¸åȾ¤ËÄɲ乤롣
¥Ò¥ó¥È¡§ | ¥¡¼¥Ü¡¼¥É¤òÍøÍѤ·¤Æ¥³¥Ô¡¼¤¹¤ë¤Ë¤Ï¡© | ¡¡¡ÖCtrl¡Ü£Á¡×¤ÇÁ´ÂΤòȿž¤¹¤ë¡Ê¤â¤·¤¯¤Ï¡¢¥Þ¥¦¥¹¤ÇǤ°Õ¤Î¸Ä½ê¤òȿž¤·¡Ë¡¢Ctrl¡Ü£Ã¤Ç¥³¥Ô¡¼¤¹¤ë¡£ ¡¡Å½¤êÉÕ¤±¤¿¤¤¾ì½ê¤Ç¡¢Ctrl¡Ü£Ö¤È¤¹¤ë¤À¤±¡£ |
Seesaa¤ÎCSS¥Ç¡¼¥¿¡¼¤òÊѹ¹¤¹¤ë
01-1 | ¡¡¥Ö¥í¥°HP¤«¤é¤Ê¤é¡¢¡Ö¥Ç¥¶¥¤¥ó ¡ä ¥¹¥¿¥¤¥ë¥·¡¼¥È¡×¤Ç¡ÖŬÍÑ¡×Ãæ¤Î¥¹¥¿¥¤¥ë¥·¡¼¥È¤Î¥¿¥¤¥È¥ë¤ò¥¯¥ê¥Ã¥¯¤¹¤ë¤È¡¢º¸¤Î²èÌ̤Ȥʤ롣¥Ú¡¼¥¸Ê¬Îà¤Ï¡Ö¥È¥Ã¥×¡×¡Öµ»ö¡×¡Ö²áµî¥í¥°¡×¡Ö¥«¥Æ¥´¥ê¡×¤È¤¢¤ë¤¬¡¢É®¼Ô¤¬ÁªÂò¤·¤¿¥Æ¥ó¥×¥ì¡¼¥È¤Ï¡¢¤É¤ì¤â¶¦Ä̤Ǥ·¤¿¡£ ¡¡CSS¥Ç¡¼¥¿¡¼¤Î¸åȾ¤ËÊѹ¹¸å¤Î¥Ç¡¼¥¿¡¼¤òÄɲä·¡¢¡Ö¥¹¥¿¥¤¥ë¥·¡¼¥È¤òÊѹ¹¤¹¤ë¡×¥Ü¥¿¥ó¤ò²¡¤¹¡£ ¢¨ ɬ¤º¡ÖCSS(¥¹¥¿¥¤¥ë¥·¡¼¥È)¡×¤ÎºÆ¹½ÃÛ¤ò¼Â¹Ô¤¹¤ë¤³¤È¡£ |
FC2¤ÎCSS¥Ç¡¼¥¿¡¼¤òÊѹ¹¤¹¤ë
Livedoor¤ÎCSS¥Ç¡¼¥¿¡¼¤òÊѹ¹¤¹¤ë
³Æ¥Ö¥í¥°ÀìÍѤΠlightbox_plus.js ¤òºîÀ®¤¹¤ë¡£
¤³¤³¤Ç¤Ï¡¢¸å¡¹¤Îº®Íð¤òÈò¤±¤ë¤¿¤á¤Ë¡¢¥Õ¥¡¥¤¥ë̾¤ò¥ê¥Í¡¼¥à¤·¤Þ¤·¤ç¤¦¡£- SeesaaÀìÍÑ lightbox_plus.js ¤ò
- lightbox_plus_Seesaa.js ¤È¤·¤Þ¤·¤ç¤¦¡£
- FC2ÀìÍÑ lightbox_plus.js ¤ò
- lightbox_plus_FC2.js ¤È¤·¤Þ¤·¤ç¤¦¡£
- LivedoorÀìÍÑ lightbox_plus.js ¤ò
- lightbox_plus_Livedoor.js ¤È¤·¤Þ¤·¤ç¤¦¡£
¤½¤ì¤Ç¤Ï¡¢¤½¤ì¤¾¤ì¤ÎJavaScript¤òÊѹ¹¤·¤Þ¤¹¡£
- ¡Ú¶¦ÄÌÊѹ¹ºî¶ÈÆâÍÆ¡Û
- ²èÁü¤ÎURL¤òÊѹ¹¤·¤Þ¤¹¡£
£·£³£´¹ÔÌÜÉնᤫ¤é¤ÎGIF¥Õ¥¡¥¤¥ë¤ÎURL¤òÊѹ¹¤·¤Þ¤·¤ç¤¦¡£
loadingimg:'http://¤¢¤Ê¤¿¤Î¥µ¥¤¥È̾/¡Á/loading.gif', expandimg:'http://¤¢¤Ê¤¿¤Î¥µ¥¤¥È̾/¡Á/expand.gif', shrinkimg:'http://¤¢¤Ê¤¿¤Î¥µ¥¤¥È̾/¡Á/shrink.gif', previmg:'http://¤¢¤Ê¤¿¤Î¥µ¥¤¥È̾/¡Á/prev.gif', nextimg:'http://¤¢¤Ê¤¿¤Î¥µ¥¤¥È̾/¡Á/next.gif', effectimg:'http://¤¢¤Ê¤¿¤Î¥µ¥¤¥È̾/¡Á/zzoop.gif', effectpos:{x:-40,y:-20}, effectclass:'http://¤¢¤Ê¤¿¤Î¥µ¥¤¥È̾/¡Á/effectable', closeimg:'http://¤¢¤Ê¤¿¤Î¥µ¥¤¥È̾/¡Á/close.gif',
- GIF¥Õ¥¡¥¤¥ë¤ÎURL¤ò·è¤áÂǤÁ¤·¤Þ¤·¤ç¤¦¡£´Ö°ã¤Ã¤Æ¥Ô¥ê¥ª¥É¤ò¾Ã¤µ¤Ê¤¤¤è¤¦¤Ë¡£¥·¥ó¥°¥ë¥¯¥ª¥Æ¡¼¥·¥ç¥óʸ»ú¤â¾Ã¤µ¤Ê¤¤¡£
- ¡Ú³Æ¥Ö¥í¥°ÀìÍѤÎÊѹ¹ºî¶È¡Û
- £·£³£²¹ÔÌÜÉÕ¶á¤Î
Event.register(window,"load",function() {
- ¤Îľ¸å¤Ë¡¢³Æ¥Ö¥í¥°Ëè¤Î¥¹¥¯¥ê¥×¥È¤òÄɲä·¤Þ¤¹¡£
SeesaaÀìÍÑJavaScriptÄɲå¹¥¯¥ê¥×¥È¡Ö lightbox_plus_Seesaa.js ¡×ÍÑ
var blog2007 = document.getElementsByClassName("blog",$("content")); if(document.all && navigator.appName!="Opera"){ var judgeOfImage = ''; for(j=0;j<blog2007.length;j++){ with(blog2007[j])innerHTML=innerHTML.replace( /(\<a href=\"[^\"]*\.[jpg][pni][gf]\")([^\>]*)(\><img src=\"[^\"]*\") alt=\" ([^\"]*)\"([^\>]*)\>/ig, "$1 $2 rel='lightbox1' class='effectable'$3 alt='$4' $5>"); var aTags = blog2007[j].getElementsByTagName("a"); for(i=0;i<aTags.length;i++){ judgeOfImage = aTags[i].href.substring(aTags[i].href.length - 3).toLowerCase(); if(judgeOfImage=='jpg'||judgeOfImage=='png'||judgeOfImage=='gif'){ aTags[i].target=''; aTags[i].rel='lightbox1'; } } var imgTags = blog2007[j].getElementsByTagName("img"); for(i=0;i<imgTags.length;i++){ imgTags[i].title=imgTags[i].alt+' <nobr>¡Ê'+document.title+'¡Ë</nobr>' ; } } } else { for(j=0;j<blog2007.length;j++){ with(blog2007[j])innerHTML=innerHTML.replace(/(\<a href=\"[^\"]*\.[jpg][pni][gf]\") target=\"\>/ig,"$1>").replace(/(\<a href=\"[^\"]*\.[jpg][pni][gf]\")([^\>]*)(\><img src=\"[^\"]*\") alt=\"([^\"]*)\" ([^\>]*)\>/ig,"$1 $2 rel='lightbox1'$3 alt='$4' title='$4 <nobr>¡Ê"+document.title+"¡Ë</nobr>' $5>"); } }¤È¤Ê¤ê¤Þ¤¹¡£Seesaa¥Ö¥í¥°¤Ë¥¢¥Ã¥×¥í¡¼¥É¤·¤Þ¤·¤ç¤¦¡£URL¤ò¥á¥â¤·¤Þ¤·¤ç¤¦¡£
FC2ÀìÍÑJavaScriptÄɲå¹¥¯¥ê¥×¥È¡Ö lightbox_plus_FC2.js ¡×ÍÑ
var blog2007 = document.getElementsByClassName("section"); if(document.all && navigator.appName!="Opera"){ var judgeOfImage = ''; for(j=0;j<blog2007.length;j++){ var aTags = blog2007[j].getElementsByTagName("a"); for(i=0;i<aTags.length;i++){ judgeOfImage = aTags[i].href.substring(aTags[i].href.length - 3).toLowerCase(); if(judgeOfImage=='jpg'||judgeOfImage=='png'||judgeOfImage=='gif'){ aTags[i].target=''; aTags[i].rel='lightbox1'; } } var imgTags = blog2007[j].getElementsByTagName("img"); for(i=0;i<imgTags.length;i++){ imgTags[i].title=imgTags[i].alt+' <nobr>¡Ê'+document.title+'¡Ë</nobr>' ; } } } else { for(j=0;j<blog2007.length;j++){ with(blog2007[j])innerHTML=innerHTML.replace(/(\<a href=\"[^\"]*\.[jpg][pni][gf]\") target=\"\>/ig,"$1>").replace(/(\<a href=\"[^\"]*\.[jpg][pni][gf]\")([^\>]*)(\><img src=\"[^\"]*\") alt=\"([^\"]*)\" ([^\>]*)\>/ig,"$1 $2 rel='lightbox1'$3 alt='$4' title='$4 <nobr>¡Ê"+document.title+"¡Ë</nobr>' $5>"); } }¤È¤Ê¤ê¤Þ¤¹¡£FC2¥Ö¥í¥°¤Ë¥¢¥Ã¥×¥í¡¼¥É¤·¤Þ¤·¤ç¤¦¡£URL¤ò¥á¥â¤·¤Þ¤·¤ç¤¦¡£
LivedoorÀìÍÑJavaScriptÄɲå¹¥¯¥ê¥×¥È¡Ö lightbox_plus_Livedoor.js ¡×ÍÑ
var blog2007 = document.getElementsByClassName("main"); if(document.all && navigator.appName!="Opera"){ var judgeOfImage = ''; for(j=0;j<blog2007.length;j++){ var aTags = blog2007[j].getElementsByTagName("a"); for(i=0;i<aTags.length;i++){ judgeOfImage = aTags[i].href.substring(aTags[i].href.length - 3).toLowerCase(); if(judgeOfImage=='jpg'||judgeOfImage=='png'||judgeOfImage=='gif'){ aTags[i].target=''; aTags[i].rel='lightbox1'; } } var imgTags = blog2007[j].getElementsByTagName("img"); for(i=0;i<imgTags.length;i++){ imgTags[i].title=imgTags[i].alt+' <nobr>¡Ê'+document.title+'¡Ë</nobr>' ; } } } else { for(j=0;j<blog2007.length;j++){ with(blog2007[j])innerHTML=innerHTML.replace(/(\<a href=\"[^\"]*\.[jpg][pni][gf]\") target=\"\>/ig,"$1>").replace(/(\<a href=\"[^\"]*\.[jpg][pni][gf]\")([^\>]*)(\><img src=\"[^\"]*\") alt=\"([^\"]*)\" ([^\>]*)\>/ig,"$1 $2 rel='lightbox1'$3 alt='$4' title='$4 <nobr>¡Ê"+document.title+"¡Ë</nobr>' $5>"); } }¤È¤Ê¤ê¤Þ¤¹¡£Livedoor¥Ö¥í¥°¤Ë¤Ï³ÈÄ¥»Ò¡Ö £ê£ó ¡×¤ò¥¢¥Ã¥×¥í¡¼¥É¤Ç¤¤Þ¤»¤ó¡£Livedoor·ÏWeb¥Û¥¹¥Æ¥£¥ó¥°¤Ï¡Ö AAA cafe ¡×¤Ç¤·¤ç¤¦¤«¡£º£¤Ï²ñ°÷¤òÊ罸¤·¤Æ¤¤¤Ê¤¤¤Ç¤¹¤Í¡£Å¬Åö¤Ê¸ø³«¤Ç¤¤ÆÄÌ¿®¥¹¥Ô¡¼¥É¤¬ÃÙ¤¯¤Ê¤¤¥µ¥¤¥È¤Ë¥¢¥Ã¥×¥í¡¼¥É´ê¤¤¤Þ¤¹¡£¡ÊÉ®¼Ô¤ÏAAA¤òÍøÍѤ·¤Æ¤¤¤Þ¤¹¡Ë
°Û¤Ê¤ë¤Î¤Ï¡Ö getElementsByClassName ¡×¤ÎÊÑ¿ô¤À¤±¤È¸À¤¦»ö¤Ç¤¹¡£
³ÆJavaScript¸Æ¤Ó½Ð¤·Ì¿Îá¤ò³Æ¥Ö¥í¥°¤ËËä¤á¹þ¤ß¤Þ¤·¤ç¤¦¡£
Seesaa¤Î¾ì¹ç
02-1 | ¡¡Seesaa¥Ö¥í¥°¤«¤é¤Ê¤é¡¢¡Ö ¥Ç¥¶¥¤¥ó ¡ä £È£Ô£Í£Ì¡×¤òÁªÂò¤·¡¢Å¬ÍѤµ¤ì¤Æ¤¤¤ëHTML̾¤ò¥¯¥ê¥Ã¥¯¤·¤Þ¤¹¡£¤¹¤ë¤Èº¸¤Î²èÁü¤Î²èÌ̤Ȥʤê¤Þ¤¹¡£ ¢¨ £³¤Ä¤ÎJavaScript¤ò¸Æ¤Ó½Ð¤·¤Þ¤¹¡£URL¤ÏÆɤßÂؤ¨¤Æ¤¯¤À¤µ¤¤¡£ ¢¨ ºÇ¸å¤ÎMETA¥¿¥°¤Ï¿ä¾©¤·¤Þ¤¹¡£ ¢¨ °Ê²¼¤Î¹½Ê¸¤ò¡Ö¡ã¡¿£è£å£á£ä¡ä¡×(Ⱦ³Ñ)¤ÎľÁ°¤ËÆþ¤ì¤Þ¤¹¤«¡£ ¢¨ HTML¤òÊѹ¹¤·¤¿¤ï¤±¤Ç¤¹¤«¤é¡¢É¬¤º¡Ö¤¹¤Ù¤Æ¡×¤ÎºÆ¹½ÃÛ¤ò¹Ô¤ï¤Ê¤¤¤È²áµî¤Îµ»ö¤¬ÊѤï¤ê¤Þ¤»¤ó¡ª URL¥¢¥É¥ì¥¹¤Ï³§ÍÍÀìÍѤËÆɤßÂؤ¨¤Æ¤¯¤À¤µ¤¤¡£ |
<script type="text/javascript" src="http://xxxxx.up.seesaa.net/(¥Õ¥©¥ë¥À¡¼Ç¤°Õ)/prototype.js"> </script> <script type="text/javascript" src="http://xxxxx.up.seesaa.net/(¥Õ¥©¥ë¥À¡¼Ç¤°Õ)/spica.js"> </script> <script type="text/javascript" src="http://xxxxx.up.seesaa.net/(¥Õ¥©¥ë¥À¡¼Ç¤°Õ)/lightbox_plus_Seesaa.js"> </script> <meta http-equiv="imagetoolbar" content="no">
FC2¤Î¾ì¹ç
<script type="text/javascript" src="http://blogxx.fc2.com/x/xxxxx/file/prototype.js"> </script> <script type="text/javascript" src="http://blogxx.fc2.com/x/xxxxx/file/spica.js"> </script> <script type="text/javascript" src="http://blogxx.fc2.com/x/xxxxx/file/lightbox_plus_FC2.js"> </script> <meta http-equiv="imagetoolbar" content="no">
Livedoor¤Î¾ì¹ç¡Ö¥×¥é¥°¥¤¥ó¤ËÅÐÏ¿¤·¤Þ¤·¤¿¡×
¡¡£Ã£Ó£ÓÊѹ¹¤ÈƱ¤¸¤è¤¦¤Ë£È£Ô£Í£Ì¤ËËä¤á¹þ¤ó¤Ç¤âÎɤ¤¤Ç¤·¤ç¤¦¡£º£²ó¤Ï¥×¥é¥°¥¤¥ó¤ËÅÐÏ¿¤·¤Þ¤·¤¿¡£¤³¤¦¤¹¤ì¤Ð¼«Í³¤Ë¥Æ¥ó¥×¥ì¡¼¥È¤òÊѹ¹¤·¤Æ¤âÎɤ¤¤È¸À¤¦¥á¥ê¥Ã¥È¤Ï¤¢¤ê¤Þ¤¹¤Í¡£<script type="text/javascript" src="http://xxx.aaa.livedoor.jp/~xxxxx/LightboxPlus/prototype.js"> </script> <script type="text/javascript" src="http://xxx.aaa.livedoor.jp/~xxxxx/LightboxPlus/spica.js"> </script> <script type="text/javascript" src="http://xxx.aaa.livedoor.jp/~xxxxx/LightboxPlus/lightbox_plus_Livedoor.js"> </script> <meta http-equiv="imagetoolbar" content="no">
°Ê²¼¤¬¼ÂÁõ¤Î·ë²Ì¤Ç¤¹¡£Ç¡²¿¤Ç¤·¤ç¤¦¤«¡©
¡¡¤É¤Î¥Ö¥í¥°¤âÄÌ¿®¤¬½ªÎ»¤¹¤ë¤Þ¤Ç²èÁü¤Î¥¯¥ê¥Ã¥¯¤ò¤ªÂÔ¤Á¤¯¤À¤µ¤¤¤Þ¤» m(__)m¡¡ |
Seesaa¤Ø¤Î¼ÂÁõ¤Î·ë²Ì
http://designcheck.seesaa.net/article/31511222.htm...
http://ujiki.seesaa.net/ ¤Ï½Å¤¤¤Ç¤¹¤Î¤Ç¡¢ÄÌ¿®¤¬Á´¤Æ½ªÎ»¤¹¤ë¤Þ¤Ç¤ªÂÔ¤Á¤¯¤À¤µ¤¤¡£
FC2¤Ø¤Î¼ÂÁõ¤Î·ë²Ì
http://ujiki.blog53.fc2.com/
Livedoor¤Ø¤Î¼ÂÁõ¤Î·ë²Ì
http://blog.livedoor.jp/mmj_aos/
¥Ö¥é¥¦¥¶¡¼Ëè¤ÎãÀ®ÅÙ¡§¡¡2007/01/17 ¸½ºß
OS | (ABC½ç) | navigator.userAgent | ·ë²Ì |
Linux 2.6.17 knoppix 5.0.1 | Firefox 1.5.0.3 | Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.0.3) Gecko/20060326 Firefox/1.5.0.3 (Debian-1.5.dfsg+1.5.0.3-2) | ¡û ÎÉ¡¡¹¥ |
Win2k Pro | Firefox 1.5.0.9 | Mozilla/5.0 (Windows; U; Windows NT 5.0; ja; rv:1.8.0.9) Gecko/20061206 Firefox/1.5.0.9 Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0) | ¡û ÎÉ¡¡¹¥ |
Win98 SE | IE 6 | Mozilla/4.0 (compatible; MSIE 6.0; Windows 98) | ¡û ÎÉ¡¡¹¥ |
Win2k Pro | IE 6 | Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0) | ¡û ÎÉ¡¡¹¥ |
Win2k Pro | Lunascape 4.0.6 | Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0) Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8b) Gecko/20050423 | ¡û ÎÉ¡¡¹¥ |
Win98 SE | Netscape 7.1 | Mozilla/5.0 (Windows; U; Win98; ja-JP; rv:1.4) Gecko/20030624 Netscape/7.1 (ax) | ¡û ÎÉ¡¡¹¥ |
Win2k Pro | Opera 9.10 | Opera/9.10 (Windows NT 5.0; U; ja) | ¡û ÎÉ¡¡¹¥ |
Win2k Pro | Sleipnir 2.49 | Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0) | ¡û ÎÉ¡¡¹¥ |
¡¡¤ß¤Ê¤µ¤Þ¤Î¥Ö¥é¥¦¥¶¡¼¤Ç¤ÏÇ¡²¿¤Ç¤·¤ç¤¦¤«¡©¡¡¥³¥á¥ó¥È¤«¥È¥é¥Ã¥¯¥Ð¥Ã¥¯²¼¤µ¤ì¤Ð¡¢½õ¤«¤ê¤Þ¤¹¡£
΢µ»
¾®¤µ¤Ê²èÁü¤Î³ÈÂç¤À¤Ã¤Æ½ÐÍè¤Á¤ã¤¤¤Þ¤¹¡£
²èÁü¤Îº¸¾å¤Î³ÈÂ祢¥¤¥³¥ó¤ò¥¯¥ê¥Ã¥¯¤·¤Æ¡¢¥Þ¥¦¥¹¤Î¥Û¥¤¡¼¥ë¤Ç³ÈÂ礷¤Þ¤¹¡£(*^^*)/~
¡Ö £é£í£ç ¡×¥¿¥°¤Î¡Ö £á£ì£ô ¡×¥¨¥ì¥á¥ó¥È¤Ã¤Æ½ÅÍפʾðÊó¤À¤è¤Í¡£
°Ê²¼¤¬¡¢º£²ó¤Î¥µ¥ó¥×¥ë²èÁü¤ÎÅÐÏ¿¤Î·ë²Ì¤À¡£»×¤¤½Ð¤·¤ÆÍߤ·¤¤¡£¤³¤³¤ò¸«¤Æ¤Í¡£¡Ö img ¡×¥¿¥°¤Î¡Ö alt ¡×¤Î¥Ç¡¼¥¿¡¼¤òÊѤ¨¤ë¤³¤È¤Ë¤è¤Ã¤Æ¡¢²èÁü¤Î²¼ÃʤΥ¥ã¥×¥·¥ç¥ó¤¬ÊѤï¤ë¤Í¡£¼êÆ°¤ÇÊѤ¨¤Æ¤âÎɤ¤¡£¤Ç¤â¤Í¡¢¸µ¤Î²èÁü¥Õ¥¡¥¤¥ë¤Î¥Ç¡¼¥¿¡¼¤òÊѤ¨¤Æ¤ß¤¿¤é¡©
¡ÚÈ¿¾Ê¡Û
- Livedoor¥Ö¥í¥°¤Ø¤Î¼ÂÁõ¼êË¡¤È¤·¤Æ¡Ö¥×¥é¥°¥¤¥ó¡×Îΰè¤Ø¤ÎÅÐÏ¿¤ò¹Ô¤¤¤Þ¤·¤¿¤¬¡¢µóÆ°°ìÉôÉÔ¿³¤Ç¤¹¤Í¡£»þ´Ö¤¬¤Ç¤¤ì¤Ð¡¢¥×¥é¥°¥¤¥ó¤òÇѻߤ·¤Æ¡¢¤Á¤ã¤ó¤ÈHTML¤ËÅÐÏ¿¤·¤Æ¸¡¾Ú¤Ç¤¹¤Í¡£
´ØÏ¢¥ê¥ó¥¯
¥Ö¥é¥ó¥É¤Ã¤Æ²¿¤À¤¡¡©
¡¡¿§¤ó¤Ê Lightbox ¤Ë¤Ä¤¤¤Æ¤ÎÅê¹Æ¤Ç¤¹¤Í¡£ÅöÊý¤ÎWiki¤ò¥ê¥ó¥¯¤·¤ÆÂפ¤¤Æ¤ª¤ê¤Þ¤¹¡£¤¢¤ê¤¬¤È¤¦¡£(^^)/
ËÜWiki¥µ¥¤¥È¤¬Ìܻؤ·¤Æ¤¤¤ë¤³¤È
JavaScript¤À¤±¤Ç¡¢ÂçÎ̤Υª¥ê¥¸¥Ê¥ë²èÁü¤ò¥¹¥à¡¼¥¹¤Ë°·¤¨¤ë¤³¤È
¥Ñ¥é¥á¥È¥ê¥Ã¥¯FLASH¥¢¥ë¥Ð¥à¤òÍøÍѤ¹¤ë¤³¤È
¡¡ËÜWiki¤Ç¤âÉ®¼Ô¤¬ºîÀ®¤·¡¢ÌµÎÁÇÛÉÛ¤·¤Æ¤¤¤ë¡Ö¥Ñ¥é¥á¥È¥ê¥Ã¥¯FLASH¥¢¥ë¥Ð¥à¡×¤ò¼ÂÁõ¤·¤Æ¤¤¤Þ¤¹¡£Â¾¡¢ÍÍ¡¹¤Ê¥Ö¥í¥°¤Ê¤É¤Ç¤â¼ÂÁõ¤·¤Æ¤¤¤Þ¤¹¡£ ¡¡ËÜWiki¡Ö¥Ñ¥é¥á¥È¥ê¥Ã¥¯FLASH¥¢¥ë¥Ð¥à¤ò̵ÎÁ¤ÇÇÛÉÛÃפ·¤Þ¤¹¡£¡×¤Ê¤É¤Ç²òÀ⤷¤Æ¤¤¤Þ¤¹¡£ |
Lightbox¤òÍøÍѤ·¤ÆWiki¤ä¥Ö¥í¥°¤Îµ¡Ç½¤ò¸þ¾å¤µ¤»¤ë¤³¤È
¡¡ËÜ¥Ú¡¼¥¸¤Ç²òÀ⤷¤¿Ä̤ê¤Ç¤¹¡£¡¡É®¼Ô¤¬Ë¾¤à¤³¤È¤È¤Ï¡¢¥Ö¥í¥°¤â¡¢Wiki¤â¡¢ÄÌ¿®¥¹¥È¥ì¥¹Ìµ¤¯¡¢¥ª¥ê¥¸¥Ê¥ë¥µ¥¤¥º¤ÎÈþ¤·¤¤(?)²èÁü¤ò¡¢¤ß¤ó¤Ê¤¬ÇÛ¿®¤¹¤ë¤³¤È¤¬¤Ç¤¤ë¤³¤È¤Ç¤¹¡£ ¡¡¤ß¤ó¤Ê¤¬Âç·¿²èÁü¤ò¼«ÎϤÇÇÛ¿®¤¹¤ë¤³¤È¤Ë´î¤Ó¤ò´¶¤¸¤ÆÍߤ·¤¤¤È»×¤¤¤Þ¤¹¡£¡¡ |
·Ù¹ð¡§½Ä¥µ¥¤¥ºÂ礤¤¤Ç¤¹¡£
·Ù¹ð¡§²£¥µ¥¤¥ºÂ礤¤¤Ç¤¹¡£
ËÜ¥Ú¡¼¥¸¤Î¥È¥Ã¥×¤ËÌá¤ë
¥³¥á¥ó¥È(1) ¡Ã
¥«¥Æ¥´¥ê¡§¥¤¥ó¥¿¡¼¥Í¥Ã¥È > Lightbox
2007ǯ04·î02Æü(·î) 08:07:01 Modified by mmj_aos
źÉÕ¥Õ¥¡¥¤¥ë°ìÍ÷(Á´2·ï)
bf2847d3c5075c37.PNG (8.73KB)
Uploaded by mmj_aos 2007ǯ01·î16Æü(²Ð) 17:24:50
Uploaded by mmj_aos 2007ǯ01·î16Æü(²Ð) 17:24:50
068d4d276a2eaaca.PNG (10.95KB)
Uploaded by mmj_aos 2007ǯ01·î16Æü(²Ð) 17:17:25
Uploaded by mmj_aos 2007ǯ01·î16Æü(²Ð) 17:17:25