$() / HTML 文字列とプロパティ情報を表すオブジェクト・リテラルで要素を生成
$('#create_image').click(function(){
$('<img />', //HTML 文字列
//オブジェクト・リテラル
{
src: '../slider/images/photos/P1000812.jpg',
alt: 'オアハカの街の夕方',
// スタイルを定義
css: {
'border': 'solid 2px #CCC',
'cursor': 'pointer'
},
// イベントに対応するリスナを追加
mouseover: function() {
$(this).animate({opacity: 0.5});
},
mouseout: function() {
$(this).animate({opacity: 1});
},
click: function() {
window.alert($(this).attr('alt'));
}
}
).appendTo('#photo');
});