-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathslideViewerPro.htm
49 lines (45 loc) · 6.71 KB
/
slideViewerPro.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0054)http://www.dglives.com/demo/slideViewerPro/index2.html -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>slideViewerPro</title>
<link rel="stylesheet" href="./slideViewerPro_files/svwp_style.css" type="text/css" media="screen">
<script src="./slideViewerPro_files/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="./slideViewerPro_files/jquery.slideViewerPro.1.5.js" type="text/javascript"></script>
<script src="./slideViewerPro_files/jquery.timers.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).bind("load", function() {
$("div#fewoptions").slideViewerPro({
thumbs: 4,
thumbsPercentReduction: 20,
galBorderWidth: 0,
galBorderColor: "aqua",
thumbsTopMargin: 10,
thumbsRightMargin: 10,
thumbsBorderWidth: 5,
thumbsActiveBorderColor: "gold",
thumbsActiveBorderOpacity: 0.8,
thumbsBorderOpacity: 0,
buttonsTextColor: "#707070",
leftButtonInner: "<img src='images/larw.gif' />",
rightButtonInner: "<img src='images/rarw.gif' />",
autoslide: true,
typo: true
});
});
</script>
</head>
<body>
<h3>autoslide, typographic info, custom buttons images, custom thumbnails size</h3>
<div style="width:710px"><div id="svwp0" class="slideViewer" style="width: 710px; height: 290px; border: 0px solid aqua;">
<div style="width:710px; overflow: hidden; position: relative; top: 0; left: 0"><ul style="width: 4970px; left: -710px;">
<li><img width="710" height="290" alt="Anemone - G.C. Mingati" src="./slideViewerPro_files/05.jpg"><span class="typo" style="position: absolute; width: 698px; margin: 266px 0px 0px -710px; opacity: 0.9;">Anemone - G.C. Mingati</span></li>
<li><img width="710" height="290" alt="Director of Technology Aaron Koblin" src="./slideViewerPro_files/12.jpg"><span class="typo" style="position: absolute; width: 698px; margin: 266px 0px 0px -710px; opacity: 0.9;">Director of Technology Aaron Koblin</span></li>
<li><img width="710" height="290" alt="Emitter - G.C. Mingati" src="./slideViewerPro_files/09.jpg"><span class="typo" style="position: absolute; width: 698px; margin: 266px 0px 0px -710px; opacity: 0.9;">Emitter - G.C. Mingati</span></li>
<li><img width="710" height="290" alt="Meander - P.J. Onori" src="./slideViewerPro_files/01.jpg"><span class="typo" style="position: absolute; width: 698px; margin: 266px 0px 0px -710px; opacity: 0.9;">Meander - P.J. Onori</span></li>
<li><img width="710" height="290" alt="Empathy - K. McDonald" src="./slideViewerPro_files/03.jpg"><span class="typo" style="position: absolute; width: 698px; margin: 266px 0px 0px -710px; opacity: 0.9;">Empathy - K. McDonald</span></li>
<li><img width="710" height="290" alt="DIY 3D Scanner - K. McDonald" src="./slideViewerPro_files/04.jpg"><span class="typo" style="position: absolute; width: 698px; margin: 266px 0px 0px -710px; opacity: 0.9;">DIY 3D Scanner - K. McDonald</span></li>
<li><img width="710" height="290" alt="Coronal Loops - G.C. Mingati" src="./slideViewerPro_files/06.jpg"><span class="typo" style="position: absolute; width: 698px; margin: 266px 0px 0px -710px; opacity: 0.9;">Coronal Loops - G.C. Mingati</span></li>
<!-- eccetera -->
</ul></div>
</div><div style="width:710px; display: block" id="ui0"><div class="thumbSlider" id="thumbSlider0" style="position: relative; left: 0px; top: 10px; width: 598px; height: 58px; text-align: center; overflow: hidden; margin: 0px auto;"><ul style="width: 1064px; position: relative; left: 0px; top: 0px;"><li style="margin-right: 10px;"><a title="Anemone - G.C. Mingati" href="http://www.dglives.com/demo/slideViewerPro/index2.html#"><img width="142" height="58" src="./slideViewerPro_files/05.jpg"><p class="tmbrdr" style="width: 132px; height: 48px; top: -58px; border: 5px solid rgb(216, 216, 216); opacity: 0;"> </p></a></li><li style="margin-right: 10px;"><a title="Director of Technology Aaron Koblin" href="http://www.dglives.com/demo/slideViewerPro/index2.html#"><img width="142" height="58" src="./slideViewerPro_files/12.jpg"><p class="tmbrdr" style="width: 132px; height: 48px; top: -58px; border: 5px solid rgb(255, 215, 0); opacity: 0.8;"> </p></a></li><li style="margin-right: 10px;"><a title="Emitter - G.C. Mingati" href="http://www.dglives.com/demo/slideViewerPro/index2.html#"><img width="142" height="58" src="./slideViewerPro_files/09.jpg"><p class="tmbrdr" style="width: 132px; height: 48px; top: -58px; border: 5px solid rgb(216, 216, 216); opacity: 0;"> </p></a></li><li style="margin-right: 10px;"><a title="Meander - P.J. Onori" href="http://www.dglives.com/demo/slideViewerPro/index2.html#"><img width="142" height="58" src="./slideViewerPro_files/01.jpg"><p class="tmbrdr" style="width: 132px; height: 48px; top: -58px; border: 5px solid rgb(216, 216, 216); opacity: 0;"> </p></a></li><li style="margin-right: 10px;"><a title="Empathy - K. McDonald" href="http://www.dglives.com/demo/slideViewerPro/index2.html#"><img width="142" height="58" src="./slideViewerPro_files/03.jpg"><p class="tmbrdr" style="width: 132px; height: 48px; top: -58px; border: 5px solid rgb(216, 216, 216); opacity: 0;"> </p></a></li><li style="margin-right: 10px;"><a title="DIY 3D Scanner - K. McDonald" href="http://www.dglives.com/demo/slideViewerPro/index2.html#"><img width="142" height="58" src="./slideViewerPro_files/04.jpg"><p class="tmbrdr" style="width: 132px; height: 48px; top: -58px; border: 5px solid rgb(216, 216, 216); opacity: 0;"> </p></a></li><li style="margin-right: 10px;"><a title="Coronal Loops - G.C. Mingati" href="http://www.dglives.com/demo/slideViewerPro/index2.html#"><img width="142" height="58" src="./slideViewerPro_files/06.jpg"><p class="tmbrdr" style="width: 132px; height: 48px; top: -58px; border: 5px solid rgb(216, 216, 216); opacity: 0;"> </p></a></li></ul></div><a href="http://www.dglives.com/demo/slideViewerPro/index2.html#" class="left l_dis" id="left0" style="display: block; text-align: center; width: 20px; height: 58px; margin: -48px 0px 0px 26px; text-decoration: none; line-height: 58px; color: rgb(112, 112, 112);"><span><img src="./slideViewerPro_files/larw.gif" style="margin: 24px 0px 0px;"></span></a><a href="http://www.dglives.com/demo/slideViewerPro/index2.html#" class="right" id="right0" style="display: block; text-align: center; width: 20px; height: 58px; margin: -58px 0px 0px 664px; text-decoration: none; line-height: 58px; color: rgb(112, 112, 112);"><span><img src="./slideViewerPro_files/rarw.gif" style="margin: 24px 0px 0px;"></span></a></div></div>
</body></html>