Image gallery with CSS sliding effect

The code is as follows:

The code is as follows:

Copy code

<Style> # Galleryh { Padding: 0; Margin: 0 auto 5em auto; List-style-type: none; Overflow: hidden; Width: 495px; Height: 240px; Border: 1px solid #888; Background: # fff url (/imagelist/06/24/o9642o826u4n.gif );   } # Galleryh li { Float: left;   } # Galleryh li { Display: block; Height: 240px; Width: 28px; Float: left; Text-decoration: none; Border-right: 1px solid # fff; Cursor: default;   } # Galleryh li a img { Width: 28px; Height: 240px; Border: 0;   } # Galleryh li a: hover { Background: # eee; Width: 320px;   } # Galleryh li a: hover img { Width: 320px;   } </Style>

 
The following is a reference clip:

The code is as follows:	Copy code
<Ul id = "galleryh"> <Li> <a href = "# nogo"> </a> </li> <Li> <a href = "# nogo"> </a> </li> <Li> <a href = "# nogo"> </a> </li> <Li> <a href = "# nogo"> </a> </li> <Li> <a href = "# nogo"> </a> </li> <Li> <a href = "# nogo"> </a> </li> <Li> <a href = "# nogo"> </a> </li> </Ul>