ä¯ÀÀÓеÄÍøÕ¾ÎÄÕµÄʱºò£¬·¢ÏÖͼÎÄÖеÄͼƬÊÇ¿ÉÒÔµã»÷·Å´óµÄ£¬ÕâÑù¿ÉÒÔ¸üÇå³þµÄ¿´Í¼Æ¬µÄÄÚÈÝ£¬¶ÔÓû§ÌåÑéºÜºÃ¡£

Ê×ÏÈÒýÈëjquery¼° lighter jsÄã¿ÉÒÔÏÂÔØ»»³É×îеİ汾£¬¿ÉÒÔµ½ËûÃǵĹÙÍøÏÂÔØ»òÕßÏÂÔØÓà¶·×¼±¸ºÃµÄ¸½¼þ£º

jquery.lighter.zip

È»ºóÎÒÃÇÐèÒªÐÞ¸ÄÎÄÕÂҳģ°åÖеĵ÷ÓÃÓï¾ä£º{dede:field.body}

Ð޸ĺóµÄ´úÂ룬ûʲô¼¼Êõº¬Á¿¾ÍÊÇÕýÔòÌæ»»ÔÚimgÍ¼Æ¬Ç°Ãæ¼ÓÒ»¸ö³¬Á´½Ó £¬ÆäÖпÉÒÔÐ޸ijÉÈÎÒâµÄÄã×Ô¼ºµÄ´úÂ룬ÆäʵaÖл¹¿ÉÒÔ¼ÓÈëÁ½¸ö²ÎÊý£ºdata-height="720" ÒÔ¼°data-width="1280"Á½¸ö£¬ÖÁÓÚÕâÁ½¸öµÄЧ¹û¿ÉÒÔµ½¹Ù·½È¥¿´£¬ÍøÖ·£ºhttp://ksylvest.github.io/jquery-lighter/

{dede:field.body runphp="yes"}

$a = @me;$a = preg_replace('/<s*imgs+[^>]*?srcs*=s*('|")(.*?)[^>]*?/?s*>/i','<a data-lighter="″ href="″><img src="″> </a>',$a);@me = $a;

{/dede:field.body}

¾­¹ýÉÏÃæµÄÐ޸ĺó¾Í¿ÉÒÔʵÏÖЧ¹ûÁË£¬Èç¹ûÏëʵÏÖµÚÒ»¸öͼƬÖеÄСͼƬÔÚ×ó±ßÈ»ºóµã»÷·Å´óͼƬµÄЧ¹û,Ö»ÐèÒªÔÚÄãµÄcss´úÂëÖвåÈë:

.content .bdimg{display: block;float: left;margin-right: 3.57866%;width: 22.316%; }

.content .bdimg:last-child {margin-right: 0; }

.content .bdimg img {width: 100%; }

¾Í¿ÉÒÔÁË£¬ ÆäÖÐcontent¼°bdimg»»³ÉÄã×Ô¼ºµÄ¡£Èç¹û»¹ÏëʵÏÖÉÏÒ»·ùͼƬÏÂÒ»·ùͼƬ£¬½¨Òéµ½¹ÙÍøÑо¿¿´Ï¡£

ÃâÔðÉùÃ÷£º±¾Õ¾ËùÓÐÎÄÕºÍͼƬ¾ùÀ´×ÔÓû§·ÖÏíºÍÍøÂçÊÕ¼¯£¬ÎÄÕºÍͼƬ°æÈ¨¹éÔ­×÷Õß¼°Ô­³ö´¦ËùÓУ¬½ö¹©Ñ§Ï°Óë²Î¿¼£¬ÇëÎðÓÃÓÚÉÌÒµÓÃ;£¬Èç¹ûËðº¦ÁËÄúµÄȨÀû£¬ÇëÁªÏµÍøÕ¾¿Í·þ´¦Àí¡£