Bug Tracker

Ticket #917: test2.html

File test2.html, 3.2 KB (added by [email protected], 16 years ago)

for a quick test of the bug i submitted

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5<title>Interface Imagebox demo - Interface plugin for jQuery</title>
6                <script type="text/javascript" src="http://interface.eyecon.ro/jquery/jquery.js"></script>
7                <script type="text/javascript" src="http://interface.eyecon.ro/interface/interface.js"></script>
8<style type="text/css" media="screen">
9body
10{
11        font-family:Arial, Helvetica, sans-serif;
12        font-size: 11px;
13        color: #666666;
14        margin: 0;
15        padding: 0;
16}
17a
18{
19        text-decoration: none;
20}
21img
22{
23        border: none;
24}
25#ImageBoxOverlay
26{
27        background-color: #000;
28}
29#ImageBoxCaption
30{
31        background-color: #F4F4EC;
32}
33#ImageBoxContainer
34{
35        width: 250px;
36        height: 250px;
37        background-color: #F4F4EC;
38}
39#ImageBoxCaptionText
40{
41        font-weight: bold;
42        padding-bottom: 5px;
43        font-size: 13px;
44        color: #000;
45}
46#ImageBoxCaptionImages
47{
48        margin: 0;
49}
50#ImageBoxNextImage
51{
52        background-image: url(images/imagebox/spacer.gif);
53        background-color: transparent;
54}
55#ImageBoxPrevImage
56{
57        background-image: url(images/imagebox/spacer.gif);
58        background-color: transparent;
59}
60#ImageBoxNextImage:hover
61{
62        background-image: url(images/imagebox/next_image.jpg);
63        background-repeat:      no-repeat;
64        background-position: right top;
65}
66#ImageBoxPrevImage:hover
67{
68        background-image: url(images/imagebox/prev_image.jpg);
69        background-repeat:      no-repeat;
70        background-position: left bottom;
71}
72h2,
73h4,
74p
75{
76        padding-left: 20px;
77}
78</style>
79</head>
80
81<body>
82<div id="scontainer"></div>
83<h2>Interface Imagebox demo - Interface plugin for jQuery</h2>
84<h4>Black &amp; white</h4>
85<p>
86        <a href="http://interface.eyecon.ro/demos/images/imagebox/bw1.jpg" title="Moon eclipse" rel="imagebox-bw"><img src="http://interface.eyecon.ro/demos/images/imagebox/th_bw1.jpg" /></a>
87        <a href="http://interface.eyecon.ro/demos/images/imagebox/bw2.jpg" title="Rain drops" rel="imagebox-bw"><img src="http://interface.eyecon.ro/demos/images/imagebox/th_bw2.jpg" /></a>
88        <a href="http://interface.eyecon.ro/demos/images/imagebox/bw3.jpg" title="Church" rel="imagebox-bw"><img src="http://interface.eyecon.ro/demos/images/imagebox/th_bw3.jpg" /></a>
89</p>
90<h4>Lights</h4>
91<p>
92
93        <a href="http://interface.eyecon.ro/demos/images/imagebox/lights1.jpg" title="City lights" rel="imagebox-lights"><img src="http://interface.eyecon.ro/demos/images/imagebox/th_lights1.jpg" /></a>
94        <a href="http://interface.eyecon.ro/demos/images/imagebox/lights2.jpg" title="Flash lights" rel="imagebox-lights"><img src="http://interface.eyecon.ro/demos/images/imagebox/th_lights2.jpg" /></a>
95        <a href="http://interface.eyecon.ro/demos/images/imagebox/lights3.jpg" title="Laser lights" rel="imagebox-lights"><img src="http://interface.eyecon.ro/demos/images/imagebox/th_lights3.jpg" /></a>
96</p>
97<select>
98        <option>Blah</option>   
99</select>
100<script type="text/javascript">
101$(document).ready(
102        function()
103        {
104                $.ImageBox.init(
105                        {
106                                loaderSRC: 'images/imagebox/loading.gif',
107                                closeHTML: '<img src="images/imagebox/close.jpg" />'
108                        }
109                );
110        }
111);
112</script>
113</body>
114</html>