<html xmlns="http://www.w3.org/1999/xhtml">
<link rel="STYLESHEET" type="text/css"
href="web.product.css">
<script language="javascript" type="text/javascript"
src="mootools-1.2-core.js"></script>
<script language="javascript" type="text/javascript"
src="mootools-1.2-more.js"></script>
<script language="javascript" type="text/javascript"
src="SlideItMoo.js"></script>
<script type="text/javascript" src="tabcontent.js"></script>
<script language="javascript" type="text/javascript">
window.addEvent('domready', function(){
new SlideItMoo({itemsVisible:3,
currentElement: 0,
thumbsContainer: 'thumbs',
elementScrolled: 'thumb_container',
overallContainer: 'gallery_container'});
$$('#thumbs img').each(function(item){
item.addEvent('click',function(e){
e.stop();$('gallery-img').setProperty('src',item.getProperty('src'));
});
});
});
</script>
<body>
<div class="al_con">
<div class="content_album">
<div id="gallery_container">
<div id="thumb_container">
<div id="thumbs">
<a href="#" rel="lightbox[galerie]"><img
src="C://Documents and Settings/Administrator/My Documents/My Pictures/aa/fg16004011.jpg" width="50"
height="50" border="0"/> </a>
<a href="#" rel="lightbox[galerie]"><img
src="C://Documents and Settings/Administrator/My Documents/My Pictures/aa/fg16004009.jpg" width="50"
height="50" border="0"/> </a>
<a href="#" rel="lightbox[galerie]"><img
src="C://Documents and Settings/Administrator/My Documents/My Pictures/aa/fg16004010.jpg" width="50"
height="50" border="0"/> </a>
<a href="#" rel="lightbox[galerie]"><img
src="C://Documents and Settings/Administrator/My Documents/My Pictures/aa/fg16004009.jpg" width="50"
height="50" border="0"/> </a>
<a href="#" rel="lightbox[galerie]"><img
src="C://Documents and Settings/Administrator/My Documents/My Pictures/aa/Webshots_00019.jpg" width="50"
height="50" border="0"/> </a>
</div>
</div>
</div>
<div style="margin: 20px;border:1px solid #eee; text-align: center">
<img id="gallery-img"
src="C://Documents and Settings/Administrator/My Documents/My Pictures/aa/fg16004011.jpg"
border="0" width="600px";height="400px">
</div>
</div>
</div>
</body>
</html>#container { width:300px; margin:0px auto 0px; background:#FFFFFF; padding:10px; font-size:12px; }
#container h1 { font-size:24px; color:#FFFFFF; font-weight:normal; text-align:center; background:#333333; padding:10px; }
#container p { text-align:justify; padding:5px 10px 5px; margin:0px; }
#container p ol, #container p ul { margin:0px auto 0px; }
#container p.notes { color:#999999; font-size:10px; }
/* thumbnail slider begin */
/* apply the gallery design - links slider */
#gallery_container { width:300px ; height:64px ; margin:10px auto 10px; background:#fff ; padding:5px 0px 0px; display:block; position:relative; }
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{ position:relative ; overflow:hidden ; width:310px ; height:64px ; margin:0px auto 0px; }
/* the thumbnails container */
#thumbs { white-space:nowrap; display:block; position:relative; }
#thumbs a { padding:0px; margin:0px; }
#thumbs a img{ border:1px #eee solid;}
/* the forward and backward buttons */
.addfwd { display:block; position:absolute; cursor:pointer; width:15px; height:64px; top:0px; right:0px; background:url(images/gallery_fwd.gif) no-repeat 50% 50%; }
.addbkwd { display:block; position:absolute; cursor:pointer; width:15px; height:64px; top:0px; left:0px; background:url(images/gallery_back.gif) no-repeat 50% 50%; }
/* thumbnail slider end */
.al_con{
width:100%;
border:1px solid #5D5D5D;
margin-top: -10px;
}
.al_con .top{
height:44px;
background-image: url(../images/album-show_02.gif);
}
.al_con .top .name{
width:50%;
float: left;
margin-left: 10px;
text-align: left;
color: #fff;
font-size: 16px;
font-weight: bold;
margin-top: 15px
}
.al_con .top .imgs{
text-align:right;
float: right;
margin-right: 20px;
width: 30%;
margin-bottom: -4px;
}
.al_con .show_div1{
width: 100%;
height:30px;
border-bottom: 1px solid #696969;
text-align:right;
float:right;
position: relative;
}
.content_album{
width:100%;
height:290px;
border-right:thin solid #eee;
float:left;
text-align:center;
}
分享到：
相关推荐
In addition to XMLs, resources such as 9 patch images, layouts, strings and much more are correctly decoded to source form. Decoding The decode option on Apktool can be invoked either from d or ...
Presented by developerWorks, your source for great tutorials ibm.com/developerWorks Table of Contents If you're viewing this document online, you can click any of the topics below to link ...
having a talent or skill for something. - *教室n*: Classroom; a room where classes are taught. **Unit 3: Welcome to our school** - *跳舞，舞蹈n*: Dance; the art form consisting of sequences of ...
ICS V7 is a stable release that may still be updated for major bugs, but not for new releases of Delphi, latest it supported was XE3. ICS V8 is the current development release which is held in a ...
- 听力原文：M: Can you recommend something that a schoolboy of 7 or 8 will really like? W: I’d suggest this toy train, sir. It’s an excellent brand, very popular all over the world these days. - ...
Ext.BLANK_IMAGE_URL = '../resources/images/default/s.gif'; Ext.onReady(function() { Ext.MessageBox.alert('Hello', 'Hello world'); }); ``` 在上面的代码中，我们首先引入了 ExtJS 的核心文件，然后...
imageNamed ( 'something' ) , presenting_from : WeakRef . new ( self ) ,} ) . show 使用网址： MotionImager . new ( { # OR an instance of NSURL url : 'https://www.google.com/images/srpr/logo11w.png' ,
AdvancedWebBrowser.zip Advanced web browser..something like IE but less options really nice interface..code is very easy to understand..teaches you the basics of using vb.<END><br>54 , iusage.zip...
- **听力原文**: M: Can you recommend something that a schoolboy of 7 or 8 will really like? W: I’d suggest this toy train, sir. It’s an excellent brand, very popular all over the world these days. -...
they might mean something in the future. ; Directives following the section heading [PATH=/www/mysite] only ; apply to PHP files in the /www/mysite directory. Directives ; following the section ...
This downloads binaries for all platforms, but to get binaries for only one platform we can set the javacpp.platform system property (via the -D command line option) to something like android-arm, ...
In this part I will show you how to use the .htaccess file to implement some of these. 在上一部分，我已经简单介绍了.htaccess以及它的一些有用功能，在这一部分，我将向你演示如何使用.htaccess文档去...
G.B.Switcher has only one function: when you are googling something, click the icon in the address bar, chrome will open a new tab, and show you the searching result of baidu.com, and vice versa. ...
Intent galleryIntent = new Intent(Intent.ACTION_PICK, MediaStore.Images.Media.EXTERNAL_CONTENT_URI); startActivityForResult(galleryIntent, REQUEST_IMAGE_PICK); } ``` 4. **处理相册选择结果** 在`...
for (表达式一; 表达式二; 表达式三) { . . . } //或者像Python一样 while (expr) : . . . endwhile ; switch switch是对多重if-elseif-else结构的最好的替换： switch ($i) { case 0: print "i equals 0"; case 1...
2.5.2 Add a New Account for Yourself ...................................................39 2.6.1 Choosing the Perfect Theme .................................40 2.6.2 Where to Find Awesome Themes.........