Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100755 96 lines (82 sloc) 6.44 kB
689f641 Added default structure
Stephane Caron authored
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3 <html>
4 <head>
5 <title>jQuery lightbox clone - prettyPhoto - by Stephane Caron</title>
6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7 <script src="http://www.google.com/jsapi" type="text/javascript"></script>
8 <script type="text/javascript" charset="utf-8">
9 google.load("jquery", "1.3");
10 </script>
11 <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
12 <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
13
14 <style type="text/css" media="screen">
15 * { margin: 0; padding: 0; }
16
17 body {
18 font: 62.5%/1.2 Arial, Verdana, Sans-Serif;
247b1c5 Fixed resize issue
Stephane Caron authored
19 padding: 0 20px;
689f641 Added default structure
Stephane Caron authored
20 }
21
247b1c5 Fixed resize issue
Stephane Caron authored
22 h4 { margin: 15px 0 5px 0; }
23
689f641 Added default structure
Stephane Caron authored
24 h4, p { font-size: 1.2em; }
25
26 ul li { display: inline; }
27 </style>
28 </head>
29 <body>
3db43c6 Support for flash, movies, tweaked the code
Stephane Caron authored
30 <h4>Gallery</h4>
689f641 Added default structure
Stephane Caron authored
31 <ul class="gallery clearfix">
32 <li><a href="images/fullscreen/1.jpg" rel="prettyPhoto[gallery1]" title="You can add caption to pictures."><img src="images/thumbnails/t_1.jpg" width="60" height="60" alt="Red round shape" /></a></li>
33 <li><a href="images/fullscreen/2.jpg" rel="prettyPhoto[gallery1]"><img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="Nice building" /></a></li>
34 <li><a href="images/fullscreen/3.jpg" rel="prettyPhoto[gallery1]"><img src="images/thumbnails/t_3.jpg" width="60" height="60" alt="Fire!" /></a></li>
35 <li><a href="images/fullscreen/4.jpg" rel="prettyPhoto[gallery1]"><img src="images/thumbnails/t_4.jpg" width="60" height="60" alt="Rock climbing" /></a></li>
36 <li><a href="images/fullscreen/5.jpg" rel="prettyPhoto[gallery1]"><img src="images/thumbnails/t_5.jpg" width="60" height="60" alt="Fly kite, fly!" /></a></li>
37 </ul>
38
3db43c6 Support for flash, movies, tweaked the code
Stephane Caron authored
39 <h4>Gallery 2</h4>
689f641 Added default structure
Stephane Caron authored
40 <ul class="gallery clearfix">
41 <li><a href="images/fullscreen/3.jpg" rel="prettyPhoto[gallery2]"><img src="images/thumbnails/t_3.jpg" width="60" height="60" alt="Lol" /></a></li>
42 <li><a href="images/fullscreen/4.jpg" rel="prettyPhoto[gallery2]"><img src="images/thumbnails/t_4.jpg" width="60" height="60" alt="" /></a></li>
43 <li><a href="images/fullscreen/5.jpg" rel="prettyPhoto[gallery2]"><img src="images/thumbnails/t_5.jpg" width="60" height="60" alt="" /></a></li>
44 <li><a href="images/fullscreen/1.jpg" rel="prettyPhoto[gallery2]"><img src="images/thumbnails/t_1.jpg" width="60" height="60" alt="" /></a></li>
45 <li><a href="images/fullscreen/2.jpg" rel="prettyPhoto[gallery2]"><img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="" /></a></li>
46 </ul>
47
3db43c6 Support for flash, movies, tweaked the code
Stephane Caron authored
48 <h4>Picture alone</h4>
689f641 Added default structure
Stephane Caron authored
49 <ul class="gallery clearfix">
3db43c6 Support for flash, movies, tweaked the code
Stephane Caron authored
50 <li><a href="images/fullscreen/2.jpg" rel="prettyPhoto" title="&lt;a href=&#x27;http://www.google.ca&#x27; target=&#x27;_blank&#x27; &gt;This will open Google.com in a new window&lt;/a&gt;"><img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="Picture alone 1" /></a></li>
689f641 Added default structure
Stephane Caron authored
51 </ul>
3db43c6 Support for flash, movies, tweaked the code
Stephane Caron authored
52
53 <h4>Flash</h4>
689f641 Added default structure
Stephane Caron authored
54 <ul class="gallery clearfix">
3db43c6 Support for flash, movies, tweaked the code
Stephane Caron authored
55 <li><a href="http://www.adobe.com/products/flashplayer/include/marquee/design.swf?width=792&amp;height=294" rel="prettyPhoto[flash]" title="Flash 10 demo"><img src="http://images.apple.com/trailers/wb/images/terminatorsalvation_200903131052.jpg" alt="Flash 10 demo" /></a></li>
56 <li><a href="http://vimeo.com/moogaloop.swf?width=580&amp;height=326&amp;flashvars=clip_id=4321799&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" rel="prettyPhoto[flash]" title="Vimeo Movie"><img src="http://images.apple.com/trailers/wb/images/terminatorsalvation_200903131052.jpg" alt="Vimeo movie" /></a></li>
bd19920 Added a classid for flash in the IEs
Stephane Caron authored
57 </ul>
58
59 <h4>Flash alone</h4>
60 <ul class="gallery clearfix">
61 <li><a href="http://www.adobe.com/products/flashplayer/include/marquee/design.swf?width=792&amp;height=294" rel="prettyPhoto" title="Flash 10 demo"><img src="http://images.apple.com/trailers/wb/images/terminatorsalvation_200903131052.jpg" alt="Flash 10 demo" /></a></li>
3db43c6 Support for flash, movies, tweaked the code
Stephane Caron authored
62 </ul>
63
64 <h4>Movies (.mov)</h4>
65 <ul class="gallery clearfix">
66 <li><a href="http://movies.apple.com/movies/wb/terminatorsalvation/terminatorsalvation-tlr3_h.480.mov?width=480&amp;height=204" rel="prettyPhoto[movies]" title="Terminator!"><img src="http://images.apple.com/trailers/wb/images/terminatorsalvation_200903131052.jpg" alt="Terminator Salvation" /></a></li>
67 <li><a href="http://movies.apple.com/movies/sony_pictures/angelsanddemons/angelsanddemons-video_h.480.mov?width=480&amp;height=260" rel="prettyPhoto[movies]" title="Angels &amp; Demons"><img src="http://images.apple.com/trailers/sony_pictures/images/angelsdemons_200903261218.jpg" alt="Angels &amp; Demons" /></a></li>
68 <li><a href="http://movies.apple.com/movies/magnolia_pictures/foodinc/foodinc_h.480.mov?width=480&amp;height=260" rel="prettyPhoto[movies]" title="Food, Inc."><img src="http://images.apple.com/trailers/magnolia/images/foodinc_200904171457.jpg" alt="Food, Inc." /></a></li>
689f641 Added default structure
Stephane Caron authored
69 </ul>
247b1c5 Fixed resize issue
Stephane Caron authored
70
bd19920 Added a classid for flash in the IEs
Stephane Caron authored
71 <h4>Movies (.mov) alone</h4>
72 <ul class="gallery clearfix">
73 <li><a href="http://movies.apple.com/movies/wb/terminatorsalvation/terminatorsalvation-tlr3_h.480.mov?width=480&amp;height=204" rel="prettyPhoto" title="Terminator!"><img src="http://images.apple.com/trailers/wb/images/terminatorsalvation_200903131052.jpg" alt="Terminator Salvation" /></a></li>
74 </ul>
75
247b1c5 Fixed resize issue
Stephane Caron authored
76 <h4>Unusual sizes</h4>
77 <ul class="gallery clearfix">
78 <li><a href="images/fullscreen/wide.gif" rel="prettyPhoto[unusual]">Wide image (3000 x 1500)</a></li>
79 <li><a href="images/fullscreen/high.gif" rel="prettyPhoto[unusual]">High image (1500 x 3000)</a></li>
80 <li><a href="images/fullscreen/huge.gif" rel="prettyPhoto[unusual]">Huge image (3000 x 3000)</a></li>
81 </ul>
82
4da2304 iframe support
Stephane Caron authored
83 <h4>Iframe</h4>
84 <ul class="gallery clearfix">
85 <li><a href="http://www.google.ca?iframe=true&amp;width=1000&amp;height=500" rel="prettyPhoto[iframe]">Google.ca</a></li>
86 <li><a href="http://www.facebook.com?iframe=true&amp;width=600&amp;height=300" rel="prettyPhoto[iframe]">Facebook</a></li>
87 <li><a href="http://www.twitter.com?iframe=true&amp;width=300&amp;height=200" rel="prettyPhoto[iframe]">Twitter</a></li>
88 </ul>
89
689f641 Added default structure
Stephane Caron authored
90 <script type="text/javascript" charset="utf-8">
91 $(document).ready(function(){
3db43c6 Support for flash, movies, tweaked the code
Stephane Caron authored
92 $(".gallery a[rel^='prettyPhoto']").prettyPhoto({theme:'dark_rounded'});
689f641 Added default structure
Stephane Caron authored
93 });
94 </script>
95 </body>
96 </html>
Something went wrong with that request. Please try again.