宝生如来

今天说宝生如来。

和大日如来相似，作为五方佛中的一位，宝生如来很少有单独供养的。在寺院里十分容易辨识他的身份。而在博物馆里，单独摆放一位，就要仔细看一下。

宝生如来身体金黄色，头戴宝冠，全跏趺坐，标志手印是左手定印，右手与愿印。或者说通俗点，双盘腿坐姿，左手手心向上平摊在脐间，右手自然下垂，手心向外，如同赐予我们东西一样。

宝生佛的形象容易和药师佛相混淆。但仔细辨认的话，不难分别。宝生佛头戴宝冠，药师佛多数很朴素地露着顶髻。宝生佛右手空手，有时手心里有一枚如意珠，药师佛常常拇指食指捻（发芽的）药果一枚。如果有宝座，宝生佛的宝座由马驮负（见最下图），我几乎没有留意过哪尊药师佛有高高的宝座。

顺便说一下，最下图这尊宝生如来像，现藏于国家博物馆。这个造型和尺寸，与首都博物馆的大日如来十分相似，即使不是原配的一组五方佛，相信也是源自同一组铸模。我有时想，博物馆之间合作合作，互相认认亲，团聚一下，多好。可惜这是个行业敏感的话题，大家都是仔细地捂着自己的库，觊觎着别人的库。

壁画是西藏日喀则夏鲁寺的，中间这尊是首都博物馆藏的明代造像。

宝生如来

宝生如来

WordPress不让我痛痛快快地在正文里写JavaScript（例如会把&符号编码，弄得我没法说“and”），所以我把示例播放器的页面放在这里了。打开页面，右击，可以看源代码。

代码说明：

首先这个程序需要jQuery的支持：

<script type='text/javascript' src='/js/jquery.min.js'></script>

其次，CSS需要用“position:absolute;”，使要播放的图片事先重叠在一起。

<style>
	.slide {
		position: absolute;
		left: 0px;
		top: 0px;

		width: 600px;	/* Customizable */
		height: 420px;	/* Customizable */
	}
</style>

下面这个不算代码，其实是HTML的正文部分，图片在这里被HTML使用。关键的三点：

1. 顶层<div>的id需要和播放函数（等下会提到）的参数一致（示例是“YadingPhoto”）。
2. 每张图片不是直接挂在顶层<div>下的<img>，而是放在一个子<div>里的，这是为了让播放器有播放文字的功能（<div>里想写啥都是可以的，不只可以放图片）。
3. 包装图片的<div>的class要和上头的CSS代码保持一致（示例是“slide”）。

<div id='YadingPhoto' style='position:relative;width:600px;height:420px;'>
	<div class='slide'>
		<img src='../pic/xianuoduoji-slidedemo.jpg' alt='XiaNuoDuoJi' title='XiaNuoDuoJi'>
		<div style='text-align:center;'>Yading - Xia Nuo Duo Ji</div>
	</div>
	<div class='slide'>
		<img src='../pic/xiannairi-slidedemo.jpg' alt='XianNaiRi' title='XianNaiRi'>
		<div style='text-align:center;'>Yading - Xian Nai Ri</div>
	</div>
	<div class='slide'>
		<img src='../pic/yangmaiyong-slidedemo.jpg' alt='YangMaiYong' title='YangMaiYong'>
		<div style='text-align:center;'>Yading - Yang Mai Yong</div>
	</div>
</div>

最后是播放器本身的JavaScript代码，由于jQuery的selector和hide/show的淡入淡出效果都已做好，这个程序可以写得很短。程序的主要思路，是每隔几秒钟，就把排头的<div>挪到队尾去，这样排第二的那个<div>的内容就露出来了。

两个小函数接受的参数，其实并不精确地是id，而是一个jQuery selector，示例中，是“#YadingPhoto”，这是为了更广泛地利用jQuery强大的页面元素定位功能。

<script type='text/javascript'>
	initSlide('#YadingPhoto');	// Customizable, must equal to the slide show top div's ID.
	setInterval("switchSlide('#YadingPhoto')", 5000);	// Customizable.

	function initSlide(slideID)
	{
		if ($(slideID + " > div").length <= 1)
			return;
		var selector = slideID + " > div";
		$(selector).hide(0);
		$(selector).css("z-index", "-1");
		$(selector + ":first").show(0);
	}

	function switchSlide(slideID)
	{
		if ($(slideID + " > div").length <= 1)
			return;
		var selector = slideID + " > div";
		$(selector + ":first").next().fadeIn("slow");
		$(selector + ":first").fadeOut("slow");
		$(selector + ":first").appendTo($(slideID));
	}
</script>