Bug Tracker

Ticket #917: test.html

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

code example. if you remove the initial '<div id="container"></div>' IE doesn't trigger error!

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(http://interface.eyecon.ro/images/imagebox/spacer.gif);
53        background-color: transparent;
54}
55#ImageBoxPrevImage
56{
57        background-image: url(http://interface.eyecon.ro/images/imagebox/spacer.gif);
58        background-color: transparent;
59}
60#ImageBoxNextImage:hover
61{
62        background-image: url(http://interface.eyecon.ro/images/imagebox/next_image.jpg);
63        background-repeat:      no-repeat;
64        background-position: right top;
65}
66#ImageBoxPrevImage:hover
67{
68        background-image: url(http://interface.eyecon.ro/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="container"></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/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                <script language="JavaScript" type="text/javascript">var client_id = 1;</script>
114
115                <script language="JavaScript" src="http://stats.byspirit.ro/track.js" type="text/javascript"></script>
116                <noscript>
117                <p><img alt="" src="http://stats.byspirit.ro/image.php?client_id=1" width="1" height="1" /></p>
118                </noscript>
119</body>
120</html>