Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

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.