マウスオーバーで商品詳細を表示させるスクリプトをjQueryで作ってみた

ZOZOTOWNの商品検索結果ページみたいな、アイテムにマウスオーヴァーしたら詳細がでてくるスクリプトを作ってみたいな、と思っていたら、jQueryを使えば案外簡単に出来ました。

要は、hover(), css(), animate() を使えばOKということで。

スマートフォンだったら hoverがないので、click(), toggle()にすれば良いですね。

考え方はこちらと同じ。

Zoomer Gallery – A jQuery plugin for displaying images with Flash-like zooming effects


ということで、JETHRO TULL のディスコグラフィをこんな感じで作ってみました。ジャケット写真にマウスを持って行くと、収録曲が表れます。


1968 This Was
  1. My Sunday Feeling
  2. Some Day the Sun Won’t Shine for You
  3. Beggar’s Farm
  4. Move on Alone
  5. Serenade to a Cuckoo
  6. Dharma for One
  7. It’s Breaking Me Up
  8. Cat’s Squirre
  9. A Song for Jeffrey
  10. Round
1969 Stand Up
  1. A New Day Yesterday
  2. Jeffrey Goes to Leicester Square
  3. Bouree (J. S. Bach arr. Anderson)
  4. Back to the Family
  5. Look into the Sun
  6. Nothing Is Easy
  7. Fat Man
  8. We Used to Know
  9. Reasons for Waiting
  10. For a Thousand Mothers
  11. Living in the Past
  12. Driving Song
  13. Sweet Dream
  14. 17
1970 Benefit
  1. With You There to Help Me
  2. Nothing to Say
  3. Alive and Well and Living In
  4. Son
  5. For Michael Collins, Jeffrey and Me
  6. To Cry You a Song
  7. A Time for Everything?
  8. Inside
  9. Play in Time
  10. Sossity; You’re a Woman
  11. Singing All Day
  12. Witch’s Promise
  13. Just Trying To Be
  14. Teacher (original UK mix)
1971 Aqualung
  1. Aqualung (Ian Anderson, Jennie Anderson)
  2. Cross-Eyed Mary
  3. Cheap Day Return
  4. Mother Goose
  5. Wond’ring Aloud
  6. Up to Me
  7. My God
  8. Hymn 43
  9. Slipstream
  10. Locomotive Breath
  11. Wind Up
  12. Lick Your Fingers Clean
  13. Wind Up (Quad Version)
  14. Excerpts From the Ian Anderson Interview (Mojo Magazine)
  15. A Song For Jeffrey (BBC)
  16. Fat Man (BBC)
  17. Bouree (BBC, written by Ian Anderson, Johann Sebastian Bach)
1972 Thick as a Brick
  1. Thick as a Brick, Part I
  2. Thick as a Brick, Part II
  3. Thick as a Brick (1978 live version at Madison Square Garden)
  4. Interview with Jethro Tull (Ian Anderson, Martin Barre and Jeffrey Hammond-Hammond)
1973 A Passion Play
  1. Lifebeats
  2. Prelude
  3. The Silver Cord
  4. Re-Assuring Tune
  5. Memory Bank
  6. Best Friends
  7. Critique Oblique
  8. Forest Dance #1
  9. The Story of the Hare Who Lost His Spectacles (Anderson / Hammond / Evan)
  10. Forest Dance #2
  11. The Foot of Our Stairs
  12. Overseer Overture
  13. Flight from Lucifer
  14. 10:08 to Paddington
  15. Magus Perde
  16. Epilogue
  17. The Story of the Hare Who Lost His Spectacles
1974 War Child
  1. War Child
  2. Queen And Country
  3. Ladies
  4. Back-Door Angels
  5. Sealion
  6. Skating Away on the Thin Ice of the New Day
  7. Bungle in the Jungle
  8. Only Solitaire
  9. The Third Hoorah
  10. Two Fingers
  11. Warchild Waltz
  12. Quartet
  13. Paradise Steakhouse
  14. SeaLion 2
  15. Rainbow Blues
  16. Glory Row
  17. Saturation
1975 Minstrel in the Gallery
  1. Minstrel in the Gallery
  2. Cold Wind to Valhalla
  3. Black Satin Dancer
  4. Requiem
  5. One White Duck / 010 = Nothing At All
  6. Baker St. Muse
  7. Grace
  8. Summerday Sands
  9. March the Mad Scientist
  10. Pan Dance
  11. Minstrel in the Gallery – Live
  12. Cold Wind to Valhalla – Live
1976 Too Old to Rock ‘n’ Roll: Too Young to Die!
  1. Quizz Kid
  2. Crazed Institution
  3. Salamander
  4. Taxi Grab
  5. From a Dead Beat to an Old Greaser
  6. Bad-Eyed ‘n’ Loveless
  7. Big Dipper
  8. Too Old to Rock ‘n’ Roll, Too Young to Die
  9. Pied Piper
  10. The Chequered Flag (Dead or Alive)
  11. A Small Cigar
  12. Strip Cartoon
1977 Songs from the Wood
  1. Songs from the Wood
  2. Jack-in-the-Green
  3. Cup of Wonder
  4. Hunting Girl
  5. Ring Out, Solstice Bells
  6. Velvet Green
  7. The Whistler
  8. Pibroch (Cap in Hand)
  9. Fire at Midnight
  10. Beltane
  11. Velvet Green (Live)
1978 Heavy Horses
  1. …And the Mouse Police Never Sleeps
  2. Acres Wild
  3. No Lullaby
  4. Moths
  5. Journeyman
  6. Rover
  7. One Brown Mouse
  8. Heavy Horses
  9. Weathercock
  10. Living in These Hard Times
  11. Broadford Bazaar
1979 Stormwatch
  1. North Sea Oil
  2. Orion
  3. Home
  4. Dark Ages
  5. Warm Sporran
  6. Something’s on the Move
  7. Old Ghosts
  8. Dun Ringill
  9. Flying Dutchman
  10. Elegy (Instrumental, David Palmer)
  11. A Stitch in Time
  12. Crossword
  13. Kelpie
  14. King Henry’s Madrigal (King Henry VIII)
1980 A
  1. Crossfire
  2. Fylingdale flyer
  3. Working John, working Joe
  4. Black Sunday
  5. Protect and Survive
  6. Batteries Not Included
  7. Uniform
  8. 4.W.D. (Low Ratio)
  9. The Pine Marten’s Jig
  10. And Further On
1982 The Broadsword and the Beast
  1. Beastie
  2. Clasp
  3. Fallen On Hard Times
  4. Flying Colours
  5. Slow Marching Band
  6. Broadsword
  7. Pussy Willow
  8. Watching Me Watching You
  9. Seal Driver
  10. Cheerio
  11. Jack Frost and the Hooded Crow
  12. Jack A Lynn
  13. Mayhem Maybe
  14. Too Many Too
  15. Overhang
  16. Rhythm in Gold
  17. I Am Your Gun
  18. Down At the End of Your Road
1984 Under Wraps
  1. Lap Of Luxury
  2. Under Wraps #1
  3. European Legacy
  4. Later, That Same Evening
  5. Saboteur
  6. Radio Free Moscow
  7. Astronomy
  8. Tundra
  9. Nobody’s Car
  10. Heat
  11. Under Wraps #2
  12. Paparazzi
  13. Apogee
  14. Automotive Engineering
  15. General Crossing
1987 Crest of a Knave
  1. Steel Monkey
  2. Farm On The Freeway
  3. Jump Start
  4. Said She Was A Dancer
  5. Dogs In The Midwinter
  6. Budapest
  7. Mountain Men
  8. The Waking Edge
  9. Raising Steam
1989 Rock Island
  1. Kissing Willie
  2. The Rattlesnake Trail
  3. Ears of Tin
  4. Undressed to Kill
  5. Rock Island
  6. Heavy Water
  7. Another Christmas Song
  8. The Whaler’s Dues
  9. Big Riff and Mando
  10. Strange Avenues
  11. A Christmas Song
  12. Cheap Day Return / Mother Goose
  13. Locomotive Breath
1991 Catfish Rising
  1. This Is Not Love
  2. Occasional Demons
  3. Roll Yer Own
  4. Rocks On The Road
  5. Sparrow On The Schoolyard Wall
  6. Thinking Round Corners
  7. Still Loving You Tonight
  8. Doctor To My Disease
  9. Like A Tall Thin Girl
  10. White Innocence
  11. Sleeping With The Dog
  12. Gold-Tipped Boots, Black Jacket And Tie
  13. When Jesus Came To Play
  14. Night in the Wilderness
  15. Jump Start (live)
1995 Roots to Branches
  1. Roots To Branches
  2. Rare And Precious Chain
  3. Out Of The Noise
  4. This Free Will
  5. Valley
  6. Dangerous Veils
  7. Beside Myself
  8. Wounded, Old And Treacherous
  9. At Last, Forever
  10. Stuck In The August Rain
  11. Another Harry’s Bar
1999 J-Tull Dot Com
  1. Spiral
  2. Dot Com
  3. AWOL
  4. Nothing @ All (Giddings)
  5. Wicked Windows
  6. Hunt By Numbers
  7. Hot Mango Flush (Anderson – Barre)
  8. El Nino
  9. Black Mamba
  10. Mango Surprise
  11. Bends Like A Willow
  12. Far Alaska
  13. The Dog-Ear Years
  14. A Gift Of Roses
2003 The Jethro Tull Christmas Album
  1. Birthday Card at Christmas
  2. Holly Herald
  3. A Christmas Song
  4. Another Christmas Song
  5. God Rest Ye Merry, Gentlemen
  6. Jack Frost and the Hooded Crow
  7. Last Man at the Party
  8. Weathercock
  9. Pavane
  10. First Snow on Brooklyn
  11. Greensleeved
  12. Fire at Midnight
  13. We Five Kings
  14. Ring Out Solstice Bells
  15. Bouree
  16. A Winter Snowscape

コードはこちら ↓css
div#test20111110 {
	width:400px;
	list-style-type:none;
	margin:50px auto;
}
div#test20111110 div.title {
	float:left;
	width:100px;
	height:100px;
	text-align:left;
}
div#test20111110 img {
	height:95px;
	width:95px;
	vertical-align:top;
	position:absolute;
	z-index:1;
}
div#test20111110 div.detail {
	position:absolute;
	z-index:2;
	background:#fff;
	border:1px solid #666;
	padding:10px;
	margin:95px 0 0 -30px;
	display:none;
	width:300px
}
div#test20111110 ol {
	margin:1em 0 0 2em;
	padding:0;
}
↓html
<div id="test20111110">
	<div class="title">
		<img src="http://static.pixelpipe.com/68386931-73ae-4c7b-9b7f-a2c01379d0db.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/This_Was" target="_blank">1968 This Was</a>
			<ol>
				<li>My Sunday Feeling</li>
				<li>Some Day the Sun Won't Shine for You</li>
				<li>Beggar's Farm</li>
				<li>Move on Alone</li>
				<li>Serenade to a Cuckoo</li>
				<li>Dharma for One</li>
				<li>It's Breaking Me Up</li>
				<li>Cat's Squirre</li>
				<li>A Song for Jeffrey</li>
				<li>Round</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/7bd646fc-8551-45f1-8c49-b418b29aeb6c.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/Stand_Up_%28Jethro_Tull_album%29" target="_blank">1969 Stand Up</a>
			<ol>
				<li>A New Day Yesterday</li>
				<li>Jeffrey Goes to Leicester Square</li>
				<li>Bouree (J. S. Bach arr. Anderson)</li>
				<li>Back to the Family</li>
				<li>Look into the Sun</li>
				<li>Nothing Is Easy</li>
				<li>Fat Man</li>
				<li>We Used to Know</li>
				<li>Reasons for Waiting</li>
				<li>For a Thousand Mothers</li>
				<li>Living in the Past</li>
				<li>Driving Song</li>
				<li>Sweet Dream</li>
				<li>17</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/eb1bd2d8-d9e1-4dfa-a0b5-dc346aa0c39c.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/Benefit_(album)" target="_blank">1970 Benefit</a>
			<ol>
				<li>With You There to Help Me</li>
				<li>Nothing to Say</li>
				<li>Alive and Well and Living In</li>
				<li>Son</li>
				<li>For Michael Collins, Jeffrey and Me</li>
				<li>To Cry You a Song</li>
				<li>A Time for Everything?</li>
				<li>Inside</li>
				<li>Play in Time</li>
				<li>Sossity; You're a Woman</li>
				<li>Singing All Day</li>
				<li>Witch's Promise</li>
				<li>Just Trying To Be</li>
				<li>Teacher (original UK mix)</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/b327e7a0-71b7-4d88-92ec-14d8a9d21c97.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/Aqualung_%28Jethro_Tull_album%29" target="_blank">1971 Aqualung</a>
			<ol>
				<li>Aqualung (Ian Anderson, Jennie Anderson)</li>
				<li>Cross-Eyed Mary</li>
				<li>Cheap Day Return</li>
				<li>Mother Goose</li>
				<li>Wond'ring Aloud</li>
				<li>Up to Me</li>
				<li>My God</li>
				<li>Hymn 43</li>
				<li>Slipstream</li>
				<li>Locomotive Breath</li>
				<li>Wind Up</li>
				<li>Lick Your Fingers Clean</li>
				<li>Wind Up (Quad Version)</li>
				<li>Excerpts From the Ian Anderson Interview (Mojo Magazine)</li>
				<li>A Song For Jeffrey (BBC)</li>
				<li>Fat Man (BBC)</li>
				<li>Bouree (BBC, written by Ian Anderson, Johann Sebastian Bach)</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/711c09c1-b0ae-4a6b-81a4-45df22e6f560.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/Thick_as_a_Brick" target="_blank">1972 Thick as a Brick</a>
			<ol>
				<li>Thick as a Brick, Part I</li>
				<li>Thick as a Brick, Part II</li>
				<li>Thick as a Brick (1978 live version at Madison Square Garden)</li>
				<li>Interview with Jethro Tull (Ian Anderson, Martin Barre and Jeffrey Hammond-Hammond)</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/e8bb6aaa-8ba0-4547-a912-b74b25baa92f.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/A_Passion_Play" target="_blank">1973 A Passion Play</a>
			<ol>
				<li>Lifebeats</li>
				<li>Prelude</li>
				<li>The Silver Cord</li>
				<li>Re-Assuring Tune</li>
				<li>Memory Bank</li>
				<li>Best Friends</li>
				<li>Critique Oblique</li>
				<li>Forest Dance #1</li>
				<li>The Story of the Hare Who Lost His Spectacles (Anderson / Hammond / Evan)</li>
				<li>Forest Dance #2</li>
				<li>The Foot of Our Stairs</li>
				<li>Overseer Overture</li>
				<li>Flight from Lucifer</li>
				<li>10:08 to Paddington</li>
				<li>Magus Perde</li>
				<li>Epilogue</li>
				<li>The Story of the Hare Who Lost His Spectacles</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/6ffcd23e-90db-4c8a-82e6-129a68bc3671.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/War_Child_%28album%29" target="_blank">1974 War Child</a>
			<ol>
				<li>War Child</li>
				<li>Queen And Country</li>
				<li>Ladies</li>
				<li>Back-Door Angels</li>
				<li>Sealion</li>
				<li>Skating Away on the Thin Ice of the New Day</li>
				<li>Bungle in the Jungle</li>
				<li>Only Solitaire</li>
				<li>The Third Hoorah</li>
				<li>Two Fingers</li>
				<li>Warchild Waltz</li>
				<li>Quartet</li>
				<li>Paradise Steakhouse</li>
				<li>SeaLion 2</li>
				<li>Rainbow Blues</li>
				<li>Glory Row</li>
				<li>Saturation</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/61066e63-5b7a-4274-94c5-64ba3a3ade50.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/Minstrel_in_the_Gallery" target="_blank">1975 Minstrel in the Gallery</a>
			<ol>
				<li>Minstrel in the Gallery</li>
				<li>Cold Wind to Valhalla</li>
				<li>Black Satin Dancer</li>
				<li>Requiem</li>
				<li>One White Duck / 010 = Nothing At All</li>
				<li>Baker St. Muse</li>
				<li>Grace</li>
				<li>Summerday Sands</li>
				<li>March the Mad Scientist</li>
				<li>Pan Dance</li>
				<li>Minstrel in the Gallery - Live</li>
				<li>Cold Wind to Valhalla - Live</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/a4405053-576c-4738-9d1d-e45b9892bc94.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/Too_Old_to_Rock_%27n%27_Roll:_Too_Young_to_Die!" target="_blank">1976 Too Old to Rock 'n' Roll: Too Young to Die!</a>
			<ol>
				<li>Quizz Kid</li>
				<li>Crazed Institution</li>
				<li>Salamander</li>
				<li>Taxi Grab</li>
				<li>From a Dead Beat to an Old Greaser</li>
				<li>Bad-Eyed 'n' Loveless</li>
				<li>Big Dipper</li>
				<li>Too Old to Rock 'n' Roll, Too Young to Die</li>
				<li>Pied Piper</li>
				<li>The Chequered Flag (Dead or Alive)</li>
				<li>A Small Cigar</li>
				<li>Strip Cartoon</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/19c9ef83-0726-412b-aa0b-bff2abcbefbe.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/Songs_from_the_Wood" target="_blank">1977 Songs from the Wood</a>
			<ol>
				<li>Songs from the Wood</li>
				<li>Jack-in-the-Green</li>
				<li>Cup of Wonder</li>
				<li>Hunting Girl</li>
				<li>Ring Out, Solstice Bells</li>
				<li>Velvet Green</li>
				<li>The Whistler</li>
				<li>Pibroch (Cap in Hand)</li>
				<li>Fire at Midnight</li>
				<li>Beltane</li>
				<li>Velvet Green (Live)</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/d6fa9a5e-5a61-4402-ac42-147fa1438d17.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/Heavy_Horses" target="_blank">1978 Heavy Horses</a>
			<ol>
				<li>...And the Mouse Police Never Sleeps</li>
				<li>Acres Wild</li>
				<li>No Lullaby</li>
				<li>Moths</li>
				<li>Journeyman</li>
				<li>Rover</li>
				<li>One Brown Mouse</li>
				<li>Heavy Horses</li>
				<li>Weathercock</li>
				<li>Living in These Hard Times</li>
				<li>Broadford Bazaar</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/056a8f6d-7ca2-4d12-852e-be14398d4049.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/Stormwatch_%28album%29" target="_blank">1979 Stormwatch</a>
			<ol>
				<li>North Sea Oil</li>
				<li>Orion</li>
				<li>Home</li>
				<li>Dark Ages</li>
				<li>Warm Sporran</li>
				<li>Something's on the Move</li>
				<li>Old Ghosts</li>
				<li>Dun Ringill</li>
				<li>Flying Dutchman</li>
				<li>Elegy (Instrumental, David Palmer)</li>
				<li>A Stitch in Time</li>
				<li>Crossword</li>
				<li>Kelpie</li>
				<li>King Henry's Madrigal (King Henry VIII)</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/0d9c1b40-caca-4093-b8da-667ab41ca2f5.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/A_%28Jethro_Tull_album%29" target="_blank">1980 A</a>
			<ol>
				<li>Crossfire</li>
				<li>Fylingdale flyer</li>
				<li>Working John, working Joe</li>
				<li>Black Sunday</li>
				<li>Protect and Survive</li>
				<li>Batteries Not Included</li>
				<li>Uniform</li>
				<li>4.W.D. (Low Ratio)</li>
				<li>The Pine Marten's Jig</li>
				<li>And Further On</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/3f232bc4-7441-4368-99e2-0840834e8ce3.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/Broadsword_and_the_Beast" target="_blank">1982 The Broadsword and the Beast</a>
			<ol>
				<li>Beastie</li>
				<li>Clasp</li>
				<li>Fallen On Hard Times</li>
				<li>Flying Colours</li>
				<li>Slow Marching Band</li>
				<li>Broadsword</li>
				<li>Pussy Willow</li>
				<li>Watching Me Watching You</li>
				<li>Seal Driver</li>
				<li>Cheerio</li>
				<li>Jack Frost and the Hooded Crow</li>
				<li>Jack A Lynn</li>
				<li>Mayhem Maybe</li>
				<li>Too Many Too</li>
				<li>Overhang</li>
				<li>Rhythm in Gold</li>
				<li>I Am Your Gun</li>
				<li>Down At the End of Your Road</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/be6bf38b-755f-4485-854f-465dda2f62c2.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/Under_Wraps_%28Jethro_Tull_album%29" target="_blank">1984 Under Wraps</a>
			<ol>
				<li>Lap Of Luxury</li>
				<li>Under Wraps #1</li>
				<li>European Legacy</li>
				<li>Later, That Same Evening</li>
				<li>Saboteur</li>
				<li>Radio Free Moscow</li>
				<li>Astronomy</li>
				<li>Tundra</li>
				<li>Nobody's Car</li>
				<li>Heat</li>
				<li>Under Wraps #2</li>
				<li>Paparazzi</li>
				<li>Apogee</li>
				<li>Automotive Engineering</li>
				<li>General Crossing</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/8b0eb1c4-e8ad-41ca-8ab5-3c357fa0e0d6.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/Crest_of_a_Knave" target="_blank">1987 Crest of a Knave</a>
			<ol>
				<li>Steel Monkey</li>
				<li>Farm On The Freeway</li>
				<li>Jump Start</li>
				<li>Said She Was A Dancer</li>
				<li>Dogs In The Midwinter</li>
				<li>Budapest</li>
				<li>Mountain Men</li>
				<li>The Waking Edge</li>
				<li>Raising Steam</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/b87a64d1-859a-4c70-81c0-1fb00abe168c.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/Rock_Island_%28album%29" target="_blank">1989 Rock Island</a>
			<ol>
				<li>Kissing Willie</li>
				<li>The Rattlesnake Trail</li>
				<li>Ears of Tin</li>
				<li>Undressed to Kill</li>
				<li>Rock Island</li>
				<li>Heavy Water</li>
				<li>Another Christmas Song</li>
				<li>The Whaler's Dues</li>
				<li>Big Riff and Mando</li>
				<li>Strange Avenues</li>
				<li>A Christmas Song</li>
				<li>Cheap Day Return / Mother Goose</li>
				<li>Locomotive Breath</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/2739a2d8-28b8-4394-92fb-b2e0625616e3.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/Catfish_Rising" target="_blank">1991 Catfish Rising</a>
			<ol>
				<li>This Is Not Love</li>
				<li>Occasional Demons</li>
				<li>Roll Yer Own</li>
				<li>Rocks On The Road</li>
				<li>Sparrow On The Schoolyard Wall</li>
				<li>Thinking Round Corners</li>
				<li>Still Loving You Tonight</li>
				<li>Doctor To My Disease</li>
				<li>Like A Tall Thin Girl</li>
				<li>White Innocence</li>
				<li>Sleeping With The Dog</li>
				<li>Gold-Tipped Boots, Black Jacket And Tie</li>
				<li>When Jesus Came To Play</li>
				<li>Night in the Wilderness</li>
				<li>Jump Start (live)</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/00120f4f-22e1-4b75-a389-5b8102c915e3.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/Roots_to_Branches" target="_blank">1995 Roots to Branches</a>
			<ol>
				<li>Roots To Branches</li>
				<li>Rare And Precious Chain</li>
				<li>Out Of The Noise</li>
				<li>This Free Will</li>
				<li>Valley</li>
				<li>Dangerous Veils</li>
				<li>Beside Myself</li>
				<li>Wounded, Old And Treacherous</li>
				<li>At Last, Forever</li>
				<li>Stuck In The August Rain</li>
				<li>Another Harry's Bar</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/cc46f2ee-927a-452e-80e9-224389f10969.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/J-Tull_Dot_Com" target="_blank">1999 J-Tull Dot Com</a>
			<ol>
				<li>Spiral</li>
				<li>Dot Com</li>
				<li>AWOL</li>
				<li>Nothing @ All (Giddings)</li>
				<li>Wicked Windows</li>
				<li>Hunt By Numbers</li>
				<li>Hot Mango Flush (Anderson - Barre)</li>
				<li>El Nino</li>
				<li>Black Mamba</li>
				<li>Mango Surprise</li>
				<li>Bends Like A Willow</li>
				<li>Far Alaska</li>
				<li>The Dog-Ear Years</li>
				<li>A Gift Of Roses</li>
			</ol>
		</div>
	</div>
	<div class="title">
		<img src="http://static.pixelpipe.com/1d522bf8-c180-4954-98c5-87bf55e20a3d.jpg" />
		<div class="detail">
			<a href="http://en.wikipedia.org/wiki/The_Jethro_Tull_Christmas_Album" target="_blank">2003 The Jethro Tull Christmas Album</a>
			<ol>
				<li>Birthday Card at Christmas</li>
				<li>Holly Herald</li>
				<li>A Christmas Song</li>
				<li>Another Christmas Song</li>
				<li>God Rest Ye Merry, Gentlemen</li>
				<li>Jack Frost and the Hooded Crow</li>
				<li>Last Man at the Party</li>
				<li>Weathercock</li>
				<li>Pavane</li>
				<li>First Snow on Brooklyn</li>
				<li>Greensleeved</li>
				<li>Fire at Midnight</li>
				<li>We Five Kings</li>
				<li>Ring Out Solstice Bells</li>
				<li>Bouree</li>
				<li>A Winter Snowscape</li>
			</ol>
		</div>
	</div>
</div>
<br style="clear:both" />
↓js
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
	$("div.title").hover(
		function(){
			$("img",this)
				.css({"zIndex":"2","boxShadow":"0 0 15px #000"})
				.animate({width:"155px",height:"155px",marginLeft:"-30px",marginTop:"-30px"},400);
			$("div.detail",this)
				.css("display","block")
				.animate({marginLeft:"-30px",marginTop:"120px"},400);
		},
		function(){
			$("img",this)
				.css({"zIndex":"1","boxShadow":"none"})
				.animate({width:"95px",height:"95px",marginLeft:"0",marginTop:"0"},200);
			$("div.detail",this)
				.css("display","none")
				.animate({marginLeft:"-30px",marginTop:"95px"},400);
		}
	)
</script>

IEにも対応していて、jQuery開発者には感謝です。

Filed under: ★Web制作関係  タグ: , , , , , , , , , , , , , , , , , , , , , , , , , , , ,   charlie432 00:00  Comments (0)

ロンドンでの胸元盗撮写真集。背中もあるよ

タイトルに偽りなし。
好きな人は目の保養にどうぞ!! 全81枚。

7月23、24日、ロンドンのヴィクトリア・パークで行われた、High Voltage Festival。
景色を撮るフリをして、人を撮るのはなかなかスリリングでありました。






サブタイトルは「アルバムジャケット展覧会(16)」。その(15)の続きです。
ジャケットだけでなく、ロゴとか、フェス、ツアータイトルとか、アーティスト写真も多いので番外編になりますが。


ちなみに、

・Phil Lynott
・Tygers of Pan Tang
・Blue Oyster Cult
・Transatlantic
・Dokken
・Korn
・Lana Lane
・Linkin Park
など多数、、、

は撮ろうとしたら目があって気まずかったのでやめました。


ここ(下の動画)に写っている人(3ステージの中のメインステージ)の2倍くらいの数の、8割ぐらいの人がアーティストTシャツを着ていたので、それを見るのもまた楽しみの一つでした。



数えたわけではありませんが、印象としては Iron Maiden がやはり多かったですね。これはイギリスだからということもあると思いますが、メイデンの場合はメタルファンが集まるところでは国に関係なく多いのでは?
もちろん、Judas Priest、Dream Theater も多かったです。
あと、Dioも多かったように感じました。Jethro Tull も。

日本に戻って気づきましたが、Vicious Rumors、Mr.Big は見なかったような?そんなはずはないと思いますが。

【追記】
タトゥ率は6割くらい?それも見ごたえがありました。






(続きを読む…)

【ライヴ間近】High Voltage Festival @Victoria Park, London

いよいよ出発が近づいてきたロンドン行き。

 

High Voltage FestivalのHPに時間割(Stage Times ≪ High Voltage Festival)が載っているので、行動予定を表にしてみました。あくまでも目安ですが。

 

ピンクに色を塗ったところは是非とも見たいステージです。可能な限り全部観たいですが、メイン・ステージとプログレ・ステージ中心になりそうです。

 

海外では時間が下から上に流れるように表記するんですね。

 

Saturday 23 July 2011

Main Stage Prog Stage Metal Hammer Stage
22:50 Judas Priest

21:45 Judas Priest
Electric Wizard
21:00 Judas Priest
Electric Wizard
20:50 Judas Priest Barclay James Harvest
20:35 Judas Priest Barclay James Harvest
20:30
Barclay James Harvest Grand Magnus
19:55 Slash Barclay James Harvest Grand Magnus
19:45 Slash Barclay James Harvest Grand Magnus
19:35 Slash Barclay James Harvest
19:15 Slash
Sylosis
19:00 Slash Neil Morse Sylosis
18:55 Slash Neil Morse Sylosis
18:30
Neil Morse Sylosis
18:25 Thin Lizzy Neil Morse
18:00 Thin Lizzy Neil Morse Triggerfinger
17:35 Thin Lizzy
Triggerfinger
17:30
Anathema Triggerfinger
17:15
Anathema Triggerfinger
17:05 Queensryche Anathema
16:45 Queensryche Anathema Ravens Creed
16:20 Queensryche
Ravens Creed
16:15
Caravan Ravens Creed
15:50 Rival Sons Caravan
15:45 Rival Sons Caravan Primitai
15:30 Rival Sons Caravan Primitai
15:20 Rival Sons
Primitai
15:15

Primitai
15:00
Amplifier
14:55 Skin Amplifier
14:45 Skin Amplifier Attica Rage
14:30 Skin Amplifier Attica Rage
14:25 Skin
Attica Rage
14:15

Attica Rage
14:00 Michael Monroe Von Hertzen Brothers
13:30 Michael Monroe Von Hertzen Brothers

初日はマイケル・モンローを観た後はぶらぶらと体力温存予定。

Queensryche 終了後はすかさず Anathema に行って、Thin Lizzy へ。フィルのいない Thin Lizzy って一体、、、とは思うものの、スコット・ゴーハム、ブライアン・ダウニー、ヴィヴィアン・キャンベルが観れるのが嬉しい、、、けど、ジョン・サイクスはいないんですね。

スラッシュは去年のサマソニで直接観たのでニール・モースを最後まで観た後ちょこっと覗いて、その後、あまり詳しくないんですが Barclay James Harvest が気になるのでプログレ・ステージへ移動。

19:55頃に再びメイン・ステージに戻り、スラッシュ終了後は一気に前に行って待機。Judas Priest を可能な限り前で観て燃え尽きます。

Sunday 24 July 2011

Main Stage Prog Stage Metal Hammer Stage
22:20 Dream Theater

20:35 Dream Theater Jethro Tull
20:25 Dream Theater Jethro Tull Neurosis
20:20 Dream Theater Jethro Tull Neurosis
19:35 Black Country Communion Jethro Tull Neurosis
19:20 Black Country Communion Jethro Tull Neurosis
18:45 Black Country Communion Spock’s Beard Neurosis
18:35 Black Country Communion Spock’s Beard
18:15
Spock’s Beard Black Spiders
18:05 Thunder Spock’s Beard Black Spiders
18:00 Thunder Spock’s Beard Black Spiders
17:30 Thunder Mostly Autumn Black Spiders
17:15 Thunder Mostly Autumn
17:00
Mostly Autumn Graveyard
16:45 Michael Schenker Mostly Autumn Graveyard
16:30 Michael Schenker
Graveyard
16:15 Michael Schenker Curved Air
16:00 Michael Schenker Curved Air Gentleman’s Pistols
15:35 Saint Jude Curved Air Gentleman’s Pistols
15:30 Saint Jude Curved Air
15:00 Saint Jude The Enid The Treatment
14:35 Heaven’s Basement The Enid The Treatment
14:30 Heaven’s Basement The Enid The Treatment
14:00
Pallas Furyon
13:30
Pallas Furyon

2日目は、Black Country Communion(グレン・ヒューズ、デレク・シェリニアン、ジェイソン・ボーナム、ジョー・ボナマッサ)と Jethro Tull、DREAM THEATER が重なっているという何とも悩ましいタイムテーブル! Jethro Tull は、イアン・アンダーソンの一本足奏法さえ観れれば良いかな?とあきらめ、メインステージにへばりつき予定。

Thunder はフル観戦。

神・マイケル・シェンカーは予定通り遅れて降臨してくれることを期待して、Curved Air 終了後に行きます。

あとは、名前しか知らないとか、名前も初めて知ったというバンドなので、その場の空気でどこに行くか(休むか)決めます。

    2012年2月
    « 1月    
     12345
    6789101112
    13141516171819
    20212223242526
    272829