File "index.html"
Full path: E:/sites/Single15/tinmung2007/webroot/GIADINHTANHIEN/CAC MIEN/PhuocLong/THchoDucMe/album/index.html
File size: 21.46 KiB (21973 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>Tận Hiến Cho Đức Mẹ</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="title" content="Tận Hiến Cho Đức Mẹ" />
<meta name="keywords" content="Tận Hiến Cho Đức Mẹ, Tận Hiến Cho Đức Mẹ, jAlbum 9, Galleria" />
<meta name="description" content="MIền Phước Long" />
<meta property="og:title" content="Tận Hiến Cho Đức 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: 4876px;
}
#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>Tận Hiến Cho Đức Mẹ</h1>
<p class="description">MIền Phước Long</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/P2110065.JPG" title="">
<img src="thumbs/P2110065.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110074.JPG" title="">
<img src="thumbs/P2110074.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110075.JPG" title="">
<img src="thumbs/P2110075.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110080.JPG" title="">
<img src="thumbs/P2110080.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110081.JPG" title="">
<img src="thumbs/P2110081.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110084.JPG" title="">
<img src="thumbs/P2110084.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:360;;height:480</span>
</li>
<li class="">
<a href="slides/P2110086.JPG" title="">
<img src="thumbs/P2110086.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:360;;height:480</span>
</li>
<li class="">
<a href="slides/P2110087.JPG" title="">
<img src="thumbs/P2110087.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:360;;height:480</span>
</li>
<li class="">
<a href="slides/P2110090.JPG" title="">
<img src="thumbs/P2110090.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110092.JPG" title="">
<img src="thumbs/P2110092.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110094.JPG" title="">
<img src="thumbs/P2110094.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110095.JPG" title="">
<img src="thumbs/P2110095.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:360;;height:480</span>
</li>
<li class="">
<a href="slides/P2110099.JPG" title="">
<img src="thumbs/P2110099.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:360;;height:480</span>
</li>
<li class="">
<a href="slides/P2110100.JPG" title="">
<img src="thumbs/P2110100.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110102.JPG" title="">
<img src="thumbs/P2110102.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110103.JPG" title="">
<img src="thumbs/P2110103.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110108.JPG" title="">
<img src="thumbs/P2110108.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:360;;height:480</span>
</li>
<li class="">
<a href="slides/P2110114.JPG" title="">
<img src="thumbs/P2110114.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:360;;height:480</span>
</li>
<li class="">
<a href="slides/P2110115.JPG" title="">
<img src="thumbs/P2110115.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110117.JPG" title="">
<img src="thumbs/P2110117.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:360;;height:480</span>
</li>
<li class="">
<a href="slides/P2110118.JPG" title="">
<img src="thumbs/P2110118.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:360;;height:480</span>
</li>
<li class="">
<a href="slides/P2110128.JPG" title="">
<img src="thumbs/P2110128.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:360;;height:480</span>
</li>
<li class="">
<a href="slides/P2110136.JPG" title="">
<img src="thumbs/P2110136.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:360;;height:480</span>
</li>
<li class="">
<a href="slides/P2110138.JPG" title="">
<img src="thumbs/P2110138.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:360;;height:480</span>
</li>
<li class="">
<a href="slides/P2110147.JPG" title="">
<img src="thumbs/P2110147.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:360;;height:480</span>
</li>
<li class="">
<a href="slides/P2110153.JPG" title="">
<img src="thumbs/P2110153.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:360;;height:480</span>
</li>
<li class="">
<a href="slides/P2110158.JPG" title="">
<img src="thumbs/P2110158.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110159.JPG" title="">
<img src="thumbs/P2110159.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110160.JPG" title="">
<img src="thumbs/P2110160.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110177.JPG" title="">
<img src="thumbs/P2110177.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110179.JPG" title="">
<img src="thumbs/P2110179.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110189.JPG" title="">
<img src="thumbs/P2110189.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110191.JPG" title="">
<img src="thumbs/P2110191.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110192.JPG" title="">
<img src="thumbs/P2110192.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110194.JPG" title="">
<img src="thumbs/P2110194.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110196.JPG" title="">
<img src="thumbs/P2110196.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110198.JPG" title="">
<img src="thumbs/P2110198.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110200.JPG" title="">
<img src="thumbs/P2110200.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110202.JPG" title="">
<img src="thumbs/P2110202.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110205.JPG" title="">
<img src="thumbs/P2110205.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110211.JPG" title="">
<img src="thumbs/P2110211.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110216.JPG" title="">
<img src="thumbs/P2110216.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110221.JPG" title="">
<img src="thumbs/P2110221.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110230.JPG" title="">
<img src="thumbs/P2110230.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110233.JPG" title="">
<img src="thumbs/P2110233.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;height:480</span>
</li>
<li class="">
<a href="slides/P2110236.JPG" title="">
<img src="thumbs/P2110236.JPG" alt="" title="" style="width: 90px; height: 90px;" />
</a>
<span>width:640;;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" size="2" color="#FF3300">Thánh lễ
Gia Nhập Gia Đình Tận Hiến Đồng Công<br>
tại Giáo Xứ Long Điền - Miền Phước Long<br>
vào ngày thứ tư 15 - 06 - 2011</font></p>
</div>
<script type="text/javascript">
_jaWidgetBarColor = "white";
</script>
<div id="jalbumwidgetcontainer"></div>
<script type="text/javascript" charset="utf-8"><!--//--><![CDATA[//><!--
_jaSkin = "Galleria";
_jaStyle = "Light.css";
_jaVersion = "9.5";
_jaGeneratorType = "desktop";
_jaLanguage = "en";
_jaPageType = "index";
_jaRootPath = ".";
_jaUserName = "huutuong";
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://jalbum.net/widgetapi/load.js";
document.getElementById("jalbumwidgetcontainer").appendChild(script);
//--><!]]></script>
</body>
</html>