File "index.html"
Full path: E:/sites/Single15/tinmung2007/webroot/GIADINHTANHIEN/CAC MIEN/PhuongLam/mungbonmang/index.html
File size: 17.39 KiB (17804 bytes)
MIME-type:
Charset: utf-8
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<!-- saved from url=(0014)about:internet -->
<head>
<title>Miền Phương Lâm</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="title" content="Miền Phương Lâm" />
<meta name="keywords" content="Miền Phương Lâm, Miền Phương Lâm, jAlbum 9, Galleria" />
<meta name="description" content="Mừng Bổn Mạng" />
<meta property="og:title" content="Miền Phương Lâm" />
<meta property="og:site_name" content="Jalbum" />
<meta property="fb:app_id" content="140299612674733" />
<link href="res/galleria/galleria.css" rel="stylesheet" type="text/css" />
<link href="res/index.css" rel="stylesheet" type="text/css" />
<link href="res/common.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.thumbnails li {
width: 90px;
height: 90px;
}
#middle_container {
height: 510px;
}
#scroller_container {
margin-top: 20px;
margin-bottom: 10px;
width: 812px;
}
#image_scroller {
margin: 0 10px 0 20px;
width: 742px;
}
#thumbnails_container {
width: 3604px;
}
#scroller_container,
#image_scroller,
#thumbnails_container {
height: 106px;
}
#folders_container {
;
}
.folders {
width: 0px;
}
.folders li {
width: 106px;
height: 106px;
}
.caption,
.description {
width: 742px;
}
</style>
<script src="res/jquery.js" type="text/javascript"></script>
<script src="res/jquery.hotkeys.js" type="text/javascript"></script>
<script src="res/galleria/jquery.galleria.js" type="text/javascript"></script>
<script src="res/jquery.scrollimages.js" type="text/javascript"></script>
<script type="text/javascript"><!--//--><![CDATA[//><!--
$(function() {
$("#thumbnails_container").imageScroller({
onBeforeScroll: function() { $.galleria.stop() },
onScroll: function() { $.galleria.start() },
duration: 120,
imageWidth: 106,
size: 7,
fastSteps: 5
});
var formattedThumbnailOpacity = 67/100;
$(".thumbnails_unstyled").addClass("thumbnails");
$("ul.thumbnails").galleria({
history: false,
clickNext: true,
insert: "#main_image",
onImage: function(image, caption, thumb) {
var extras = $("#extras").css("display", "none").empty();
image.css("display", "none").fadeIn(500);
caption.css("display", "none").fadeIn(500);
if (false) {
var extrasList = $("<ul></ul>");
extrasList.addMetadata("Date", thumb.data("originalDate"));
extrasList.addMetadata("Camera", thumb.data("cameraModel"));
extrasList.addMetadata("Exposure time", thumb.data("exposureTime"));
extrasList.addMetadata("ISO", thumb.data("isoEquivalent"));
extrasList.addMetadata("Aperture", thumb.data("aperture"));
extrasList.addMetadata("Focus distance", thumb.data("focusDistance"));
extrasList.addMetadata("Focal length", thumb.data("focalLength35mm"));
extrasList.addMetadata("Keywords", thumb.data("keywords"));
if (extrasList.children().length > 0) {
extras.append(extrasList);
extrasList.find(":first-child").addClass("first");
extras.css({
width : (image.outerWidth() - (5 * 2) + 100) + "px"
}).fadeIn(500);
}
}
var li = thumb.parents("li");
li.siblings().children("img.selected").fadeTo(500, formattedThumbnailOpacity);
thumb.fadeTo("fast", 1).addClass("selected");
image.attr("title", "Next image");
var original = thumb.data("original");
if (original) {
var originalLink = $("<a></a>").attr("href", original).text("Download original");
caption.append(" (").append(originalLink).append(")");
}
},
onThumb: function(thumb) {
var li = thumb.parents("li");
var fadeTo = li.is(".active") ? "1" : formattedThumbnailOpacity;
thumb.css({display: "none", opacity: fadeTo}).fadeIn(1500);
thumb.hover(
function() {
thumb.fadeTo("fast", 1);
},
function() {
li.not(".active").children("img").fadeTo("fast", formattedThumbnailOpacity);
}
)
},
preloads: 3,
fastSteps: 5,
onPrev: function() {
$.imageScroller.scrollLeft();
},
onNext: function() {
$.imageScroller.scrollRight();
},
onPrevFast: function() {
$.imageScroller.fastScrollLeft();
},
onNextFast: function() {
$.imageScroller.fastScrollRight();
},
enableSlideshow : false,
autostartSlideshow : false,
slideshowDelay : 3000,
onSlideshowPlayed : function() {
$('.play').hide();
$('.pause').show();
},
onSlideshowPaused : function() {
$('.play').show();
$('.pause').hide();
}
});
$.galleria.loader = $("<div></div>").addClass("loader").append($(new Image()).attr("src","res/loader.gif").attr("title","Loading..."));
prepareArrow = function(arrow) {
arrow.css({display: "none", opacity: 0.5, "padding-top": "28px"}).fadeIn( 1000);
arrow.hover(
function() {
arrow.fadeTo("fast", 1);
},
function() {
arrow.fadeTo("fast", 0.5);
}
);
}
var leftArrow = $("#left_arrow");
prepareArrow(leftArrow);
leftArrow.click(function() {
$.galleria.prev();
});
var rightArrow = $("#right_arrow");
prepareArrow(rightArrow);
rightArrow.click(function() {
$.galleria.next();
});
if (false) {
var leftFastArrow = $("#left_fast_arrow");
prepareArrow(leftFastArrow);
leftFastArrow.click(function() {
$.galleria.prevFast();
});
var rightFastArrow = $("#right_fast_arrow");
prepareArrow(rightFastArrow);
rightFastArrow.click(function() {
$.galleria.nextFast();
});
}
});
$(document).bind("keydown", "left", function() {
if (!KeyboardNavigation.widgetHasFocus()) {
$.galleria.prev();
}
});
$(document).bind("keydown", "right", function() {
if (!KeyboardNavigation.widgetHasFocus()) {
$.galleria.next();
}
});
$(document).bind("keydown", "space", function() {
if (!KeyboardNavigation.widgetHasFocus()) {
$.galleria.toggleSlideshow();
}
});
var KeyboardNavigation = {
widgetHasFocus: function() {
if(typeof _jaWidgetFocus != 'undefined' && _jaWidgetFocus) {
return true;
}
return false;
}
}
//--><!]]></script>
<link rel="alternate" href="album.rss" type="application/rss+xml"/>
</head>
<body>
<div id="header">
<div id="top_container">
<h1>Miền Phương Lâm</h1>
<p class="description">Mừng Bổn Mạng</p>
</div>
</div>
<div id="main">
<div id="scroller_container">
<img class="hide" id="left_arrow" src="res/left.png" alt="Scroll left" title="Scroll left" />
<div id="image_scroller">
<ul id="thumbnails_container" class="thumbnails_unstyled">
<li class="active">
<a href="slides/TinhTam 1.jpg" title="">
<img src="thumbs/TinhTam 1.jpg" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280422.JPG" title="">
<img src="thumbs/P6280422.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280426.JPG" title="">
<img src="thumbs/P6280426.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280456.JPG" title="">
<img src="thumbs/P6280456.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280457.JPG" title="">
<img src="thumbs/P6280457.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280458.JPG" title="">
<img src="thumbs/P6280458.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280463.JPG" title="">
<img src="thumbs/P6280463.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280464.JPG" title="">
<img src="thumbs/P6280464.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280465.JPG" title="">
<img src="thumbs/P6280465.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280467.JPG" title="">
<img src="thumbs/P6280467.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280469.JPG" title="">
<img src="thumbs/P6280469.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280471.JPG" title="">
<img src="thumbs/P6280471.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280472.JPG" title="">
<img src="thumbs/P6280472.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280475.JPG" title="">
<img src="thumbs/P6280475.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280476.JPG" title="">
<img src="thumbs/P6280476.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280478.JPG" title="">
<img src="thumbs/P6280478.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280480.JPG" title="">
<img src="thumbs/P6280480.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280482.JPG" title="">
<img src="thumbs/P6280482.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280483.JPG" title="">
<img src="thumbs/P6280483.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280485.JPG" title="">
<img src="thumbs/P6280485.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280486.JPG" title="">
<img src="thumbs/P6280486.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280487.JPG" title="">
<img src="thumbs/P6280487.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280488.JPG" title="">
<img src="thumbs/P6280488.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280489.JPG" title="">
<img src="thumbs/P6280489.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280491.JPG" title="">
<img src="thumbs/P6280491.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280496.JPG" title="">
<img src="thumbs/P6280496.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280499.JPG" title="">
<img src="thumbs/P6280499.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280500.JPG" title="">
<img src="thumbs/P6280500.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280501.JPG" title="">
<img src="thumbs/P6280501.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280503.JPG" title="">
<img src="thumbs/P6280503.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280505.JPG" title="">
<img src="thumbs/P6280505.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280512.JPG" title="">
<img src="thumbs/P6280512.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280516.JPG" title="">
<img src="thumbs/P6280516.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
<li class="">
<a href="slides/P6280522.JPG" title="">
<img src="thumbs/P6280522.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:639;;height:480</span>
</li>
</ul>
<div class="clear"></div>
</div>
<img class="hide" id="right_arrow" src="res/right.png" alt="Scroll right" title="Scroll right" />
<div class="clear"></div>
</div>
<div class="clear"></div>
<div id="middle_container">
<div id="main_image"></div>
<div id="extras"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div id="footer">
<p id="bottom_container">
<font face="Times New Roman" color="#FF0000">Mừng Bổn Mạng Gia Đình
Đức Mẹ - Miền Phường Lâm<br>
Lễ Trái Tim Mẹ - ngày 28 thang 06 năm 2011</font></p>
</div>
</body>
</html>