memo.xight.org - 2005-12-17

2005-12-17 Sat

chalowで画像ポップアップ

- Summary
クリックしたらサムネイルの画像を拡大するようにした．

- 大きな画像をポップアップ [2005-09-28-5] のJavaScriptを popupImage.jsというファイルで保存して，各ページに<script>タグを埋め込む．

<script src="popupImage.js" type="text/javascript"></script>


- chalowファイルの get_link_str の中を変更
sub get_link_str {
	my ($a, $b) = @_;
	if ($a =~ /\.(jpg|jpeg|png|gif)$/i) { # [[http://nais.to/|image/nais.jpg]]
		# return qq(<a href="$b"><img src="$a" alt="画像" /></a>);
		return qq(<img src="$a" alt="クリックして拡大" onclick="popupImage('$b')" /><a href="$b">.</a>);
	} elsif ($b =~ /\.(jpg|jpeg|png|gif)$/i) { # [[自画像|image/sp.jpg]]
		return qq(<img src="$b" alt="$a" />);
	} else {            # [[トップページ|http://nais.to/]]
		return qq(<a href="$b">$a</a>);
	}
}


- Reference
オブジェクト指向JavaScript - 大きな画像をポップアップ
http://web.paulownia.jp/script/sample/popup.html

chalow Google Music Search Plug-in

- Source

### Google音楽検索へのリンクプラグイン
# usage: {{google_music('キーワード')}}
sub google_music {
	my ($str) = @_;
	my $prefix = q(http://www.google.com/musicsearch?q=);
	return qq(<a href="$prefix$str" title="Google Music - $str">Google 音楽検索 - $str</a>);
}