کد:
<head>
<script type="text/javascript" src="photogallery.js">
</script>
<style type="text/css">
.photogallery{ /*CSS for TABLE containing a photo album*/
text-align:center
}
.photogallery img{ /*CSS for images within an album*/
border: 2px solid #333;
}
.photonavlinks{ /*CSS for pagination DIV*/
font: bold 14px Arial; padding:2px; text-align:center; width:700px}
.photonavlinks a{ /*CSS for each navigational link*/
margin-right: 2px;
margin-bottom: 3px;
padding: 1px 5px;
border:1px solid gray;
text-decoration: none;
background-color: white;
}
.photonavlinks a.current{ /*CSS for currently selected navigational link*/
background-color: #ffffdd;
}
</style>
</head>
<body>
<script type="text/javascript">
//Define your own array to hold the photo album images
//Syntax: ["path_to_thumbnail", "opt_image_title", "opt_destinationurl", "opt_linktarget"]
var myvacation=new Array()
myvacation[0]=["../images/js_prev_pics/img1.jpg", "sample 1", "http://www.azardl.com"]
myvacation[1]=["../images/js_prev_pics/img2.jpg", "sample 2", "http://www.yahoo.com"]
myvacation[2]=["../images/js_prev_pics/img3.jpg", "sample 3", "http://www.google.com"]
myvacation[3]=["../images/js_prev_pics/img1.jpg", "sample 4", "http://www.azardl.com"]
myvacation[4]=["../images/js_prev_pics/img2.jpg", "sample 5", "http://www.yahoo.com"]
myvacation[5]=["../images/js_prev_pics/img3.jpg", "sample 6", "http://www.google.com"]
myvacation[6]=["../images/js_prev_pics/img1.jpg", "sample 7", "http://www.azardl.com"]
myvacation[7]=["../images/js_prev_pics/img2.jpg", "sample 8", "http://www.yahoo.com"]
myvacation[8]=["../images/js_prev_pics/img3.jpg", "sample 9", "http://www.google.com"]
//initiate a photo gallery
//Syntax: new photogallery(imagearray, cols, rows, tablewidth, tableheight, opt_[paginatetext_prefix, paginatetext_linkprefix])
var thepics=new photogallery(myvacation, 3, 2, '700px', '200px')
//----------------------------- راهنمایی ---------------------------------
// 3: تعداد تصاویر در هر ردیف
// 2: تعداد تصاویر در هر ستون
// 700: پهنای فضای گالری
// 200: ارتفاع فضای گالری
//--------------------------------------------------------------------------
//OPTIONAL: Run custom code when an image is clicked on, via "onselectphoto"
//DELETE everything below to disable
//Syntax: function(img, link){}, whereby img points to the image object of the image, and link, its link object, if defined
thepics.onselectphoto=function(img, link){
if (link!=null) //if this image is hyperlinked
window.open(link.href, "", "width=800, height=600, status=1, resizable=1")
return false //cancel default action when clicking on image, by returning false instead of true
}
</script>
</body>
:دانلود فایل ضمیمه 
پاسخ با نقل قول
علاقه مندی ها (بوک مارک ها)