zallery/prototype/slideshow.html
2012-06-13 17:59:22 +00:00

131 lines
No EOL
7.8 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0037)http://www.upthemes.com/demo/gallery/ -->
<HTML xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<HEAD profile="http://gmpg.org/xfn/11">
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>Gallery Demo | Just another WordPress weblog</TITLE>
<META name="description" content="Just another WordPress weblog">
<META name="robots" content="index,follow">
<LINK rel="stylesheet" type="text/css" href="css/style.css">
<SCRIPT type="text/javascript" src="js/jquery-1.4.2.min.js"></SCRIPT>
<!--[if lt IE 7]>
<script src="js/DD_belatedPNG.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix("body,#wrapper, ul.meta li,#blog-title a,#access,#access a,.new,#comments h3,ul.children li,.cover-up,.entry-content .post-ratings img,.post-ratings-image");
</script>
<![endif]-->
<SCRIPT type="text/javascript" src="js/gallery.js"></SCRIPT>
<SCRIPT type="text/javascript" src="js/jquery.lazyload.pack.js"></SCRIPT>
<SCRIPT type="text/javascript" src="js/hoverIntent.js"></SCRIPT>
<SCRIPT type="text/javascript" src="js/superfish.js"></SCRIPT>
<SCRIPT type="text/javascript" src="js/supersubs.js"></SCRIPT>
<SCRIPT type="text/javascript" src="js/thematic-dropdowns.js"></SCRIPT>
<script src="js/galleria/src/galleria.js"></script>
<script src="js/galleria/src/plugins/galleria.history.js"></script>
</HEAD>
<BODY class="wordpress y2010 m06 d16 h13 home blog not-singular windows chrome ch5-0">
<DIV id="wrapper" class="hfeed">
<DIV id="header">
<DIV id="branding">
<DIV id="blog-title">
<SPAN>
<A href="./Gallery Demo Just another WordPress weblog_files/Gallery Demo Just another WordPress weblog.htm" title="Gallery Demo" rel="home">Gallery Demo</A></SPAN></DIV>
<H1 id="blog-description">Just another WordPress weblog</H1>
</DIV><!-- #branding -->
<DIV id="access">
<DIV class="skip-link">
<A href="http://www.upthemes.com/demo/gallery/#content" title="Skip navigation to the content">Skip to content</A>
</DIV>
<DIV id="page-menu" class="menu">
<UL id="page-nav" class="sf-menu sf-js-enabled">
<LI class="rss"><A href="http://www.upthemes.com/demo/gallery/?feed=rss2">RSS Feed</A></LI>
<LI class="page_item page-item-2"><A href="http://www.upthemes.com/demo/gallery/?page_id=2" title="About">About</A></LI>
<LI class="page_item page-item-10"><A href="http://www.upthemes.com/demo/gallery/?page_id=10" title="Submit a Site">Submit a Site</A></LI>
</UL>
</DIV>
<DIV id="category-menu" class="menu">
<UL id="category-nav" class="sf-menu sf-js-enabled">
<LI class="home"><A href="http://www.upthemes.com/demo/gallery">Home</A></LI>
<LI class="cat-item cat-item-4">
<A href="http://www.upthemes.com/demo/gallery/?cat=4" title="View all posts filed under Blogs">Blogs</A>
<UL class="children" style="float: none; width: 12em; display: none; visibility: hidden; ">
<LI class="cat-item cat-item-6" style="float: left; width: 100%; white-space: normal; ">
<A href="http://www.upthemes.com/demo/gallery/?cat=6" title="View all posts filed under Internet" style="float: none; width: auto; ">Internet</A>
</LI>
<LI class="cat-item cat-item-10" style="float: left; width: 100%; white-space: normal; ">
<A href="http://www.upthemes.com/demo/gallery/?cat=10" title="View all posts filed under Test Category" style="float: none; width: auto; ">Test Category</A>
</LI>
</UL>
</LI>
<LI class="cat-item cat-item-5">
<A href="#" title="View all posts filed under Companies">Companies</A>
</LI>
<LI class="cat-item cat-item-7">
<A href="#" title="View all posts filed under iPhone">iPhone</A>
</LI>
<LI class="cat-item cat-item-8">
<A href="#" title="View all posts filed under Other">Other</A>
</LI>
<LI class="cat-item cat-item-9">
<A href="#" title="View all posts filed under Portfolios">Portfolios</A>
</LI>
<LI class="blog-description"><SPAN>Just another WordPress weblog</SPAN></LI>
</UL>
</DIV>
</DIV><!-- #access -->
</DIV><!-- #header-->
<DIV id="main">
<DIV id="container">
<DIV id="content">
<div id="slideshow">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/7/75/2010_Opening_Ceremony_-_Sweden_entering.jpg/800px-2010_Opening_Ceremony_-_Sweden_entering.jpg">
<p>The athletes from <strong>Sweden</strong> entering the stadium at the opening ceremonies of the 2010 Winter Olympics</p>
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/c/cb/Swedish_Lion.jpg/792px-Swedish_Lion.jpg">
<p>The swedish <em>Lion</em></p>
<a href="http://www.svenskagrammofonstudion.com/">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fc/Svenska_Grammofonstudion%2C_Gothenburg_Sweden%2C_Fender.jpg/800px-Svenska_Grammofonstudion%2C_Gothenburg_Sweden%2C_Fender.jpg">
</a>
<p><a href="http://www.svenskagrammofonstudion.com/">Svenska Grammofonstudion</a>, Gothenburg Sweden</p>
</div>
<script>
// Load theme
Galleria.loadTheme('js/galleria/src/themes/classic/galleria.classic.js');
// run galleria and add some options
jQuery('#slideshow').galleria({
image_crop: false,
transition: 'slide',
popup_links: true,
autoplay: true,
carousel: true,
data_config: function(img) {
return {
description: $(img).next('p').html()
};
}
});
</script>
</DIV><!-- #content -->
</DIV><!-- #container -->
</DIV><!-- #main -->
<DIV id="footer">
<DIV id="siteinfo">
Powered by <A class="wp-link" href="http://wordpress.org/" title="WordPress" rel="generator">WordPress</A>. Built on the <A class="theme-link" href="http://themeshaper.com/thematic/" title="Thematic Theme Framework" rel="designer">Thematic Theme Framework</A> &amp; <A href="http://chris-wallace.com/2009/05/04/gallery-wordpress-theme/" title="Gallery Wordpress Theme" rel="designer">Gallery WordPress Theme</A> by <A href="http://chris-wallace.com/">Chris Wallace</A>.<BR> Released by <A href="http://www.smashingmagazine.com/">Smashing Magazine</A>. <A href="http://www.komodomedia.com/blog/2008/12/social-media-mini-iconpack/" title="Social Media Icons">Social Media Icons</A> by Rogie King.
</DIV><!-- #siteinfo -->
</DIV><!-- #footer -->
</DIV><!-- #wrapper .hfeed -->
</BODY></HTML>