ä¯ÀÀÓеÄÍøÕ¾ÎÄÕµÄʱºò£¬·¢ÏÖͼÎÄÖеÄͼƬÊÇ¿ÉÒÔµã»÷·Å´óµÄ£¬ÕâÑù¿ÉÒÔ¸üÇå³þµÄ¿´Í¼Æ¬µÄÄÚÈÝ£¬¶ÔÓû§ÌåÑéºÜºÃ¡£
Ê×ÏÈÒýÈë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»»³ÉÄã×Ô¼ºµÄ¡£Èç¹û»¹ÏëʵÏÖÉÏÒ»·ùͼƬÏÂÒ»·ùͼƬ£¬½¨Òéµ½¹ÙÍøÑо¿¿´Ï¡£
ÃâÔðÉùÃ÷£º±¾Õ¾ËùÓÐÎÄÕºÍͼƬ¾ùÀ´×ÔÓû§·ÖÏíºÍÍøÂçÊÕ¼¯£¬ÎÄÕºÍͼƬ°æȨ¹éÔ×÷Õß¼°Ô³ö´¦ËùÓУ¬½ö¹©Ñ§Ï°Óë²Î¿¼£¬ÇëÎðÓÃÓÚÉÌÒµÓÃ;£¬Èç¹ûËðº¦ÁËÄúµÄȨÀû£¬ÇëÁªÏµÍøÕ¾¿Í·þ´¦Àí¡£
评论(0)