THE HAM MEDIA BLOG

‚È‚ñ‚¾‚©‚¢‚ë‚ñ‚È‚Æ‚±‚ë‚ŏЉ‚ê‚Ä‚¢‚éA
ƒVƒ“ƒvƒ‹‚¾‚¯‚Ç‚©‚Á‚±‚¢‚¢ƒtƒHƒgƒMƒƒƒ‰ƒŠ[A
uSimple Controls Galleryv

Žg‚¢‚â‚·‚¢‚Ì‚©‚Ç‚¤‚©‚àŒ©‚邽‚ß‚ÉŽg‚Á‚Ă݂邱‚Æ‚É‚µ‚½B

Ý’è‚ÌŽd•û‚⒍ˆÓ“_‚È‚Ç‚à‘‚¢‚Ä‚¨‚¢‚½‚Ì‚ÅŽQl‚É‚µ‚Ä‚­‚¾‚³‚¢B

ƒvƒŒƒrƒ…[

Ý’è‚»‚Ì‚P

‚±‚±‚Å‚ÍŽå‚É•\Ž¦‚³‚ê‚é•”•ª‚̘g‚â‰æ‘œ‚̐ݒèB

var mygallery=new simpleGallery({
  wrapperid: "simplegallery1",
  dimensions: [300, 225],
  imagearray: [
    ["‰æ‘œURL", "ƒŠƒ“ƒNæA‚È‚¯‚ê‚΋ó”’", "_new‚È‚ç•Ê‘‹"],
    ["‰æ‘œURL", "", ""],
    ["‰æ‘œURL", "", ""],
    ["‰æ‘œURL", "", ""]
  ],
  autoplay: true,
  persist: false,
  pause: 2500,
  fadeduration: 500,
  oninit:function(){
    },
  onslide:function(curslide, i){ 
  }
})

› wrapperid

ƒMƒƒƒ‰ƒŠ[‚ð•\Ž¦‚³‚¹‚éêŠ‚ÌID

› dimensions

•\Ž¦‚³‚¹‚é˜g‚̃TƒCƒYBdimensions:[‰¡,c]

› imagearray

["‰æ‘œURL", "ƒŠƒ“ƒNæA‚È‚¯‚ê‚΋ó”’", "_new‚È‚ç•Ê‘‹"]

› autoplay

true‚Ȃ玩“®‚ŃXƒ‰ƒCƒhƒVƒ‡[ŠJŽnBfalse‚È‚çŽè“®B

› persist

true‚È‚çÅŒã‚ÉŒ©‚½‰æ‘œ‚ð‹L‰¯‚µ‚Ä‚¨‚­Bfalase‚È‚ç‹L‰¯‚µ‚È‚¢B

› pause

ˆê–‡‚̉摜‚ª•\Ž¦‚³‚ê‚Ä‚¢‚鎞ŠÔB’PˆÊ‚̓~ƒŠ•b(1000=1•b)

› fadeduration

‰æ‘œ‚̐؂è‘Ö‚¦Žž‚̃tƒF[ƒhƒCƒ“EƒAƒEƒg‚É‚©‚©‚鎞ŠÔB“¯‚¶‚­’PˆÊ‚̓~ƒŠ•bB

Ý’è‚»‚Ì‚Q

‚±‚±‚ł̓Rƒ“ƒgƒ[ƒ‹ƒpƒlƒ‹•”•ª‚̐ݒè

var simpleGallery_navpanel={
panel: {
	height:'45px',
	opacity:0.5,
	paddingTop:'5px',
	fontStyle:'bold 11px Verdana'
},
images: [ 'left.gif', 'play.gif', 'right.gif', 'pause.gif'],
imageSpacing: {offsetTop:[-4, 0, -4], spacing:10},
slideduration: 500
}

› panel

ƒpƒlƒ‹‚ÌCSSÝ’èB
height‚ª‚‚³Aopacity‚ª“§–¾“xi0‚ª“§–¾jA
paddingTop‚ªƒRƒ“ƒgƒ[ƒ‹‰æ‘œ‚̃pƒlƒ‹ã•”‚©‚ç‚̈ʒuA
fontStyle‚ª–‡”•\Ž¦‚Ì•¶Žš•”•ªEEE‚Æ‚È‚éB

› images

‰æ‘œ‚ÌURL‚ÌŽw’èB•Û‘¶êŠ‚É‚ ‚킹‚ĉ摜‚Ì•Û‘¶êŠ‚ðŽw’è‚·‚éB

› imageSpacing

ƒRƒ“ƒgƒ[ƒ‹‰æ‘œ‚̈ʒu’²®B
offsetTop‚̓pƒlƒ‹ã‚©‚ç‚̈ʒuAspacing‚ª‰æ‘œ“¯Žm‚̍¶‰E‚ÌŠÔŠuB

› slideduration

ƒpƒlƒ‹‚ª•\Ž¦‚³‚ê‚é‚Ü‚Å‚ÌŽžŠÔ‚ðÝ’èB’PˆÊ‚̓~ƒŠ•bB

Žg—p‚·‚éÛ‚Ì’ˆÓ“_•Šo‚¦‚Ä‚¨‚­•û‚ª‚¢‚¢‚±‚Æ

‚±‚̃vƒ‰ƒOƒCƒ“A‚©‚È‚èŠÈ’P‚ÉŽg‚¦‚éI‚Á‚Ä‚±‚Æ‚ª‚í‚©‚Á‚½‚ªA
‚¿‚å‚Á‚Æ‚¾‚¯’ˆÓ‚·‚邱‚Æ‚ª‚ ‚Á‚½B
‚Ü‚½AŠo‚¦‚Ä‚¨‚¢‚½‚Ù‚¤‚ª‚¢‚¢“_‚à‚¢‚­‚‚©‚ ‚Á‚½‚̂ŏ‘‚¢‚Ä‚¨‚­B

Ÿ ‰æ‘œ’ljÁ‚̍ۂ̃Rƒ“ƒ}‚É’ˆÓiIE‚Å•\Ž¦‚³‚ê‚È‚­‚È‚éj

ƒMƒƒƒ‰ƒŠ[‰æ‘œ‚̐ݒè‚ð‚·‚éÛA
ˆê”ԍŌã‚ÌŽw’è•”•ª‚Ì––”ö‚ɂ̓Rƒ“ƒ}‚ð‚‚¯‚È‚¢‚±‚ƁB
ƒRƒ“ƒ}‚ð‚‚¯‚Ä‚µ‚Ü‚¤‚ƁAIE‚Å•\Ž¦‚³‚ê‚È‚­‚È‚é‚Ì‚Å’ˆÓ‚ª•K—vB
Šî–{“I‚É”z—ñ‚̍Ōã‚ɃRƒ“ƒ}‚‚¯‚é‚ÆIE‚ŃGƒ‰[‚Ȃ̂ŁA
‚±‚̃vƒ‰ƒOƒCƒ“‚¾‚¯‚¶‚á‚È‚­A‚¢‚ë‚¢‚ë‚È‚Æ‚±‚ë‚Å’ˆÓ‚Å‚·B

Ÿ IE6‚ÅŒã•ûŒÝŠ·ƒ‚[ƒhŽž‚̃{[ƒ_[‚ƃpƒlƒ‹‚ªd‚È‚é

‚±‚ê‚͌l“I‚Ɉê”Ô‚Ì—Ž‚Æ‚µŒŠ‚¾‚Á‚½‚ÆŽv‚¤B
Œã•ûŒÝŠ·ƒ‚[ƒh‚¾‚ƃ{ƒbƒNƒX‚̃Œƒ“ƒ_ƒŠƒ“ƒO‚ª­‚µ•Ï‚í‚é‚©‚çA
ƒ{[ƒ_[‚àŽw’è‚̘g“à‚É“ü‚Á‚Ä‚µ‚Ü‚¤B
‚·‚é‚ƁAƒ}ƒEƒX‚ðæ‚¹‚½Žž‚̉º‚©‚ç‚Å‚Ä‚­‚éƒRƒ“ƒgƒ[ƒ‹ƒpƒlƒ‹‚ª
ƒ{[ƒ_[‚Əd‚È‚Á‚Ä‚µ‚Ü‚¤‚±‚Æ‚É‚È‚Á‚Ä‚µ‚Ü‚¤B
xmléŒ¾‚µ‚Ä‚¢‚éê‡‚È‚Ç‚Í—v’ˆÓB

‚¿‚Ȃ݂ɏã‚Å•\Ž¦‚µ‚Ä‚¢‚éƒTƒ“ƒvƒ‹‚àIE6‚ÅŒ©‚é‚Əd‚È‚Á‚Ä‚¢‚éB

‰ñ”ð•û–@‚Í•W€€‹’ƒ‚[ƒh‚É‚µ‚Ä‚¨‚­‚©A
‚à‚µ‚­‚̓{[ƒ_[‚ðŽg‚í‚È‚¢‚Ì‚Ç‚¿‚ç‚©‚¾‚낤B

‚¾‚©‚ç‚È‚Ì‚©Aˆê‰ž‘Ήž‚ªIE7+‚É‚È‚Á‚Ä‚¢‚éB
‚±‚̃‚[ƒh‚³‚¦ˆá‚í‚È‚¯‚ê‚ÎIE6‚Å‚à‘åä•v‚Å‚·‚¯‚ǂˁB

«IE6‚ÌŒã•ûŒÝŠ·ƒ‚[ƒh‚Å‚Ì•\Ž¦

Ÿ ‰æ‘œ‚̃TƒCƒY‚É’ˆÓ

‚à‚¤ˆê‚‹C‚ð‚‚¯‚Ä‚¢‚½‚Ù‚¤‚ª‚¢‚¢‚͉̂摜‚̃TƒCƒYB
ƒTƒCƒYŽw’è‚ð‚·‚é—“‚ª‚ ‚邪A‚»‚̃TƒCƒY‚Í‚ ‚­‚܂Řg‚Ì‘å‚«‚³B
•\Ž¦‚³‚ê‚é‰æ‘œ‚ÍŒ³‚Ì‘å‚«‚³‚Ì‚Ü‚Ü•\Ž¦‚³‚ê‚Ä‚µ‚Ü‚¤B
‚‚܂èA˜g‚Ì‘å‚«‚³‚ª‰æ‘œ‚æ‚è‚à¬‚³‚¯‚ê‚Ή摜‚͐؂ê‚Ä•\Ž¦‚³‚êA
˜g‚Ì‘å‚«‚³‚ª‰æ‘œ‚æ‚è‚à‘å‚«‚¢ê‡‚Í”wŒi•‚­•\Ž¦‚³‚ê‚éB

•\Ž¦‚³‚ê‚é‘å‚«‚³‚Ídimensions: [###, ###]‚ÅŽw’è‚Å‚«‚é‚©‚çA
‰æ‘œ‚Ì‘å‚«‚³‚É‚ ‚킹‚ÄŽw’è‚·‚é‚悤‚ɁB
‚¿‚Ȃ݂ɍ¶‚ª‰¡•‚ʼnE‚ªc•‚Ì‘å‚«‚³Žw’è‚É‚È‚éB

‚¨‚Ü‚¯FCSS‚̃{[ƒ_[Ý’è

”z•zŒ³‚̉ðà‚ŃfƒtƒHƒ‹ƒgÝ’è‚Å“ü‚Á‚Ä‚¢‚邯‚ǁA
‚±‚ê‚Í•Ê‚É‚È‚­‚Ä‚à‚¢‚¢‚Á‚Û‚¢B‚Í‚¸‚µ‚Ä‚à–â‘è‚È‚­•\Ž¦‚³‚ꂽB
‚Å‚àˆê‰ž‘‚¢‚Ä‚¨‚«‚Ü‚·B

#simplegallery1{ //CSS for sample Gallery
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 10px solid darkred;
}

Žw’肳‚¦‚Å‚«‚ê‚ΊȒP‚É•\Ž¦‚³‚ê‚éB

‚Ù‚Æ‚ñ‚Ç‚ÌŽw’肪Script•”•ª‚Å‚Å‚«‚é‚̂ŁA
Ý’肳‚¦‚Å‚«‚½‚çCSS‚̐ݒè‚à“Á‚É‚È‚­•\Ž¦‚·‚邱‚Æ‚ªo—ˆ‚éB
CSS‚Ì–Ê“|‚Ȑݒ肪•K—v‚È‚¢•ªA‚Æ‚Á‚Ä‚àŠy‚ȃMƒƒƒ‰ƒŠ[‚É‚È‚éB
ƒVƒ“ƒvƒ‹‚È‚Ì‚É‚È‚ñ‚ÄŠÈ’P‚È‚ñ‚¾I

–l‚à‚±‚¤‚¢‚¤‚Ì‚ðì‚ê‚é‚悤‚ɂȂ肽‚¢‚à‚Ì‚Å‚·B