This commit is contained in:
Adrian Hinz 2015-04-09 22:44:42 +02:00
parent 8b6af3debb
commit 00b45ff6ab
18 changed files with 448 additions and 258 deletions

9
strona/_footer.php Normal file
View File

@ -0,0 +1,9 @@
<?php
/*
* To change this license header, choose License Headers in Project Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/
?>

9
strona/_header.php Normal file
View File

@ -0,0 +1,9 @@
<?php
/*
* To change this license header, choose License Headers in Project Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/
?>

9
strona/_menu.php Normal file
View File

@ -0,0 +1,9 @@
<?php
/*
* To change this license header, choose License Headers in Project Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/
?>

View File

@ -1,254 +1,254 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Hodowla kaktusów i innych sukulentów</title>
<meta name="keywords" content="kaktusy" />
<meta name="Premium Series" content="" />
<link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
<link href="css/default.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/jquery.nailthumb.1.1.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery.nailthumb.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
</head>
<body>
<!-- start header -->
<div id="header">
<div id="logo">
<h1><a href="http://www.kaktusiarnia.pl"><span>Hodowla kaktusów i innych sukulentów</span></a></h1>
</div>
<div id="splash"><img src="images/img02.gif" alt="" />&nbsp;</div>
<div id="menu">
<ul id="main">
<li><a href="index.html">Strona Główna</a></li>
<li><a href="http://kaktusy.firestorm.pl/">Sklep</a></li>
<li><a href="uprawa.html">Uprawa</a></li>
<li class="current_page_item"><a href="galeria.php">Galeria</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="linki.html">Linki</a></li>
</ul>
</div>
</div>
<br />
<!-- end header -->
<div id="wrapper">
<!-- start page -->
<div id="page">
<div id="sidebar1" class="sidebar">
<ul>
<li>
<h2>Menu</h2>
<ul>
<li><a href="index.html">Strona Główna</a></li>
<li><a href="http://kaktusy.firestorm.pl/">Sklep</a></li>
<li><a href="uprawa.html">Uprawa</a></li>
<li class="current_page_item_left"><a href="galeria.php">Galeria</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="linki.html">Linki</a></li>
</ul>
</li>
<li>
<h2>Kontakt</h2>
<div class="kontakt">
<p><b>Andrzej i Łucja Hinz</b><br />
ul. Partyzantów 2<br />
84-230 RUMIA k. GDYNI<br />
<b>kom.</b> 512-459-225<br />
<a href="mailto:kaktusiarnia@kaktusiarnia.pl" style="color:#6E8A21;">kaktusiarnia@kaktusiarnia.pl</a><br />
</p>
</div>
</li>
</ul>
</div>
<!-- start content -->
<div id="content">
<div class="flower"></div>
<div class="post">
<h1 class="title">Galeria</h1>
<p class="byline"><small>&nbsp;</small></p>
<div class="entry">
<?php
/* lista katalogów */
$directory = "./galeria/";
if ($handle = opendir($directory)) {
/* This is the correct way to loop over the directory. */
while (false !== ($file = readdir($handle)))
if ($file != "." && $file != "..")
$list[] = $file;
closedir($handle);
}
sort($list);
reset($list);
foreach ($list as $plik)
//if (ereg(".php$", $plik))
print "<a href=\"galeria.php?dzial=$plik\">$plik</a> | ";
?>
</div>
<p class="byline"><small>&nbsp;</small></p>
<div class="pagination_cl" id="pagination_top"></div>
<div class="entry">
<div id="loader"><center><img src="images/loading.gif" alt="Proszę czekać" /></center></div>
<div id="gallery" style="display:none;">
<table>
<?php
$max_page = 1;
$strona = 1;
if (!empty($_GET)) {
$dzial = $_GET["dzial"];
if (!empty($_GET["page"]))
$strona = $_GET["page"];
}
if (isset($dzial)) {
$directory = "./galeria/$dzial";
if ($handle = opendir($directory)) {
/* This is the correct way to loop over the directory. */
while (false !== ($file = readdir($handle)))
if ($file != "." && $file != "..")
$list[] = $file;
closedir($handle);
}
sort($list);
reset($list);
$numb = 1;
$img_count = 0;
$start_num = (($strona - 1) * 20) + 1;
$end_num = $strona * 20;
foreach ($list as $plik)
if (preg_match("/.jpg$/", $plik)) {
$img_count = $img_count + 1;
if ($img_count >= $start_num && $img_count <= $end_num) {
$name = str_replace(".jpg", "", $plik);
if ($numb == 1) {
print "<tr><td>";
} else {
print "<td>";
}
print "<div class='nailthumb-container square-thumb'><a href=\"$directory/$plik\" class='thumb-container' title=\"$name\"><img src=\"$directory/$plik\" alt=\"$name\" title=\"$name\" /></a></div>";
if ($numb == 5) {
print "</td></tr>";
$numb = 0;
} else {
print "</td>";
}
$numb = $numb + 1;
}
}
}
?>
</table>
</div>
</div>
<?php
if (!empty($_GET)) {
$pages = ceil($img_count / 20);
print "<div class=\"pagination_cl\" id=\"pagination_bottom\">strona($strona z $pages)";
if ($pages > 1) {
print "<ul class=\"pages\">";
if ($strona == 1) {
print "<li class=\"prev-off\">&laquo; poprz</li>";
} else {
$last_page = $strona - 1;
print "<li><a href=\"?dzial=$dzial&page=$last_page\">&laquo; poprz</a></li>";
}
for ($i = 1; $i <= $pages; $i++) {
if ($strona == $i) {
print "<li class=\"active\">$i</li>";
} else {
print "<li><a href=\"?dzial=$dzial&page=$i\">$i</a></li>";
}
}
if ($strona == $pages) {
print "<li class=\"next-off\">nast &raquo;</li>";
} else {
$next_page = $strona + 1;
print "<li><a href=\"?dzial=$dzial&page=$next_page\">nast &raquo;</a></li>";
}
print "</ul>";
}
print "</div>";
}
?>
</div>
</div>
<!-- end content -->
<!-- start sidebars -->
<!-- end sidebars -->
<div style="clear: both;">&nbsp;</div>
</div>
<!-- end page -->
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="footer">
<p class="copyright">&copy;&nbsp;&nbsp;2013 Wszelkie prawa zastrzeżone.</p>
<p class="link">Opieka nad stroną&nbsp;&#8226;&nbsp;<a href="mailto:ahinz@o2.pl">ahinz@o2.pl</a></p>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.nailthumb-container').nailthumb({width:130,height:110});
$("#pagination_top").html($("#pagination_bottom").html());
});
this.imagePreview = function(){
/* CONFIG */
xOffset = 10;
yOffset = 30;
// these 2 variable determine popup's distance from the cursor
// you might want to adjust to get the right result
/* END CONFIG */
$("a.thumb-container").hover(function(e){
this.t = this.title;
this.title = "";
var c = (this.t != "") ? "<br/>" + this.t : "";
$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' />"+ c +"</p>");
$("#preview")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.fadeIn("fast");
},
function(){
this.title = this.t;
$("#preview").remove();
});
$("a.thumb-container").mousemove(function(e){
$("#preview")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px");
});
};
// starting the script on page load
$(document).ready(function(){
imagePreview();
});
$(function() {
$('#gallery a').lightBox({
overlayOpacity: 0.6,
containerResizeSpeed: 350,
txtImage: 'Obraz',
txtOf: 'z'
});
});
$(window).load(function() {
$("#loader").hide();
$('#gallery').show();
});
</script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Hodowla kaktusów i innych sukulentów</title>
<meta name="keywords" content="kaktusy" />
<meta name="Premium Series" content="" />
<link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
<link href="css/default.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/jquery.nailthumb.1.1.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery.nailthumb.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
</head>
<body>
<!-- start header -->
<div id="header">
<div id="logo">
<h1><a href="http://www.kaktusiarnia.pl"><span>Hodowla kaktusów i innych sukulentów</span></a></h1>
</div>
<div id="splash"><img src="images/img02.gif" alt="" />&nbsp;</div>
<div id="menu">
<ul id="main">
<li><a href="index.html">Strona Główna</a></li>
<li><a href="http://kaktusy.firestorm.pl/">Sklep</a></li>
<li><a href="uprawa.html">Uprawa</a></li>
<li class="current_page_item"><a href="galeria.php">Galeria</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="linki.html">Linki</a></li>
</ul>
</div>
</div>
<br />
<!-- end header -->
<div id="wrapper">
<!-- start page -->
<div id="page">
<div id="sidebar1" class="sidebar">
<ul>
<li>
<h2>Menu</h2>
<ul>
<li><a href="index.html">Strona Główna</a></li>
<li><a href="http://kaktusy.firestorm.pl/">Sklep</a></li>
<li><a href="uprawa.html">Uprawa</a></li>
<li class="current_page_item_left"><a href="galeria.php">Galeria</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="linki.html">Linki</a></li>
</ul>
</li>
<li>
<h2>Kontakt</h2>
<div class="kontakt">
<p><b>Andrzej i Łucja Hinz</b><br />
ul. Partyzantów 2<br />
84-230 RUMIA k. GDYNI<br />
<b>kom.</b> 512-459-225<br />
<a href="mailto:kaktusiarnia@kaktusiarnia.pl" style="color:#6E8A21;">kaktusiarnia@kaktusiarnia.pl</a><br />
</p>
</div>
</li>
</ul>
</div>
<!-- start content -->
<div id="content">
<div class="flower"></div>
<div class="post">
<h1 class="title">Galeria</h1>
<p class="byline"><small>&nbsp;</small></p>
<div class="entry">
<?php
/* lista katalogów */
$directory = "./galeria/";
if ($handle = opendir($directory)) {
/* This is the correct way to loop over the directory. */
while (false !== ($file = readdir($handle)))
if ($file != "." && $file != "..")
$list[] = $file;
closedir($handle);
}
sort($list);
reset($list);
foreach ($list as $plik)
//if (ereg(".php$", $plik))
print "<a href=\"galeria.php?dzial=$plik\">$plik</a> | ";
?>
</div>
<p class="byline"><small>&nbsp;</small></p>
<div class="pagination_cl" id="pagination_top"></div>
<div class="entry">
<div id="loader"><center><img src="images/loading.gif" alt="Proszę czekać" /></center></div>
<div id="gallery" style="display:none;">
<table>
<?php
$max_page = 1;
$strona = 1;
if (!empty($_GET)) {
$dzial = $_GET["dzial"];
if (!empty($_GET["page"]))
$strona = $_GET["page"];
}
if (isset($dzial)) {
$directory = "./galeria/$dzial";
if ($handle = opendir($directory)) {
/* This is the correct way to loop over the directory. */
while (false !== ($file = readdir($handle)))
if ($file != "." && $file != "..")
$list[] = $file;
closedir($handle);
}
sort($list);
reset($list);
$numb = 1;
$img_count = 0;
$start_num = (($strona - 1) * 20) + 1;
$end_num = $strona * 20;
foreach ($list as $plik)
if (preg_match("/.jpg$/", $plik)) {
$img_count = $img_count + 1;
if ($img_count >= $start_num && $img_count <= $end_num) {
$name = str_replace(".jpg", "", $plik);
if ($numb == 1) {
print "<tr><td>";
} else {
print "<td>";
}
print "<div class='nailthumb-container square-thumb'><a href=\"$directory/$plik\" class='thumb-container' title=\"$name\"><img src=\"$directory/$plik\" alt=\"$name\" title=\"$name\" /></a></div>";
if ($numb == 5) {
print "</td></tr>";
$numb = 0;
} else {
print "</td>";
}
$numb = $numb + 1;
}
}
}
?>
</table>
</div>
</div>
<?php
if (!empty($_GET)) {
$pages = ceil($img_count / 20);
print "<div class=\"pagination_cl\" id=\"pagination_bottom\">strona($strona z $pages)";
if ($pages > 1) {
print "<ul class=\"pages\">";
if ($strona == 1) {
print "<li class=\"prev-off\">&laquo; poprz</li>";
} else {
$last_page = $strona - 1;
print "<li><a href=\"?dzial=$dzial&page=$last_page\">&laquo; poprz</a></li>";
}
for ($i = 1; $i <= $pages; $i++) {
if ($strona == $i) {
print "<li class=\"active\">$i</li>";
} else {
print "<li><a href=\"?dzial=$dzial&page=$i\">$i</a></li>";
}
}
if ($strona == $pages) {
print "<li class=\"next-off\">nast &raquo;</li>";
} else {
$next_page = $strona + 1;
print "<li><a href=\"?dzial=$dzial&page=$next_page\">nast &raquo;</a></li>";
}
print "</ul>";
}
print "</div>";
}
?>
</div>
</div>
<!-- end content -->
<!-- start sidebars -->
<!-- end sidebars -->
<div style="clear: both;">&nbsp;</div>
</div>
<!-- end page -->
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="footer">
<p class="copyright">&copy;&nbsp;&nbsp;2013 Wszelkie prawa zastrzeżone.</p>
<p class="link">Opieka nad stroną&nbsp;&#8226;&nbsp;<a href="mailto:ahinz@o2.pl">ahinz@o2.pl</a></p>
</div>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('.nailthumb-container').nailthumb({width: 130, height: 110});
$("#pagination_top").html($("#pagination_bottom").html());
});
this.imagePreview = function () {
/* CONFIG */
xOffset = 10;
yOffset = -300;
// these 2 variable determine popup's distance from the cursor
// you might want to adjust to get the right result
/* END CONFIG */
$("a.thumb-container").hover(function (e) {
this.t = this.title;
this.title = "";
var c = (this.t != "") ? "<br/>" + this.t : "";
$("body").append("<p id='preview'><img src='" + this.href + "' alt='Image preview' />" + c + "</p>");
$("#preview")
.css("top", (e.pageY - xOffset) + "px")
.css("left", (e.pageX + yOffset) + "px")
.fadeIn("fast");
},
function () {
this.title = this.t;
$("#preview").remove();
});
$("a.thumb-container").mousemove(function (e) {
$("#preview")
.css("top", (e.pageY - xOffset) + "px")
.css("left", (e.pageX + yOffset) + "px");
});
};
// starting the script on page load
$(document).ready(function () {
imagePreview();
});
$(function () {
$('#gallery a').lightBox({
overlayOpacity: 0.6,
containerResizeSpeed: 350,
txtImage: 'Obraz',
txtOf: 'z'
});
});
$(window).load(function () {
$("#loader").hide();
$('#gallery').show();
});
</script>
</body>
</html>

View File

@ -116,7 +116,7 @@
<!-- end page -->
</div>
<div id="footer">
<p class="copyright">&copy;&nbsp;&nbsp;2013 Wszelkie prawa zastrzeżone.</p>
<p class="copyright">&copy;&nbsp;&nbsp;2015 Wszelkie prawa zastrzeżone.</p>
<p class="link">Opieka nad stroną&nbsp;&#8226;&nbsp;<a href="mailto:ahinz@o2.pl">ahinz@o2.pl</a></p>
</div>
</body>

View File

@ -99,7 +99,7 @@
<!-- end page -->
</div>
<div id="footer">
<p class="copyright">&copy;&nbsp;&nbsp;2013 Wszelkie prawa zastrzeżone.</p>
<p class="copyright">&copy;&nbsp;&nbsp;2015 Wszelkie prawa zastrzeżone.</p>
<p class="link">Opieka nad stroną&nbsp;&#8226;&nbsp;<a href="mailto:ahinz@o2.pl">ahinz@o2.pl</a></p>
</div>
</body>

View File

@ -96,7 +96,7 @@
<!-- end page -->
</div>
<div id="footer">
<p class="copyright">&copy;&nbsp;&nbsp;2013 Wszelkie prawa zastrzeżone.</p>
<p class="copyright">&copy;&nbsp;&nbsp;2015 Wszelkie prawa zastrzeżone.</p>
<p class="link">Opieka nad stroną&nbsp;&#8226;&nbsp;<a href="mailto:ahinz@o2.pl">ahinz@o2.pl</a></p>
</div>
</body>

View File

@ -123,7 +123,7 @@
<!-- end page -->
</div>
<div id="footer">
<p class="copyright">&copy;&nbsp;&nbsp;2013 Wszelkie prawa zastrzeżone.</p>
<p class="copyright">&copy;&nbsp;&nbsp;2015 Wszelkie prawa zastrzeżone.</p>
<p class="link">Opieka nad stroną&nbsp;&#8226;&nbsp;<a href="mailto:ahinz@o2.pl">ahinz@o2.pl</a></p>
</div>
</body>

163
strona/warto.html Normal file
View File

@ -0,0 +1,163 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Hodowla kaktusów i innych sukulentów</title>
<meta name="keywords" content="kaktusy" />
<meta name="Premium Series" content="" />
<link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
<link href="css/default.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<style>
.boxer {
display: table;
width: 100%;
border-collapse: collapse;
}
.boxer .box-row {
display: table-row;
}
.boxer .box {
display: table-cell;
text-align: center;
vertical-align: top;
}
</style>
</head>
<body>
<!-- start header -->
<div id="header">
<div id="logo">
<h1><a href="http://www.kaktusiarnia.pl"><span>Hodowla kaktusów i innych sukulentów</span></a></h1>
</div>
<div id="splash"><img src="images/img02.gif" alt="" />&nbsp;</div>
<div id="menu">
<ul id="main">
<li class="current_page_item"><a href="index.html">Strona Główna</a></li>
<li><a href="http://kaktusy.firestorm.pl/">Sklep</a></li>
<li><a href="uprawa.html">Uprawa</a></li>
<li><a href="galeria.php">Galeria</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="linki.html">Linki</a></li>
</ul>
</div>
</div>
<br />
<!-- end header -->
<div id="wrapper">
<!-- start page -->
<div id="page">
<div id="sidebar1" class="sidebar">
<ul>
<li>
<h2>Menu</h2>
<ul>
<li class="current_page_item_left"><a href="index.html">Strona Główna</a></li>
<li><a href="http://kaktusy.firestorm.pl/">Sklep</a></li>
<li><a href="uprawa.html">Uprawa</a></li>
<li><a href="galeria.php">Galeria</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="linki.html">Linki</a></li>
</ul>
</li>
<li>
<h2>Kontakt</h2>
<div class="kontakt">
<p><b>Andrzej i Łucja Hinz</b><br />
ul. Partyzantów 2<br />
84-230 RUMIA k. GDYNI<br />
<b>kom.</b> 512-459-225<br />
<a href="mailto:kaktusiarnia@kaktusiarnia.pl" style="color:#6E8A21;">kaktusiarnia@kaktusiarnia.pl</a><br />
</p>
</div>
</li>
</ul>
</div>
<!-- start content -->
<div id="content">
<div class="flower"></div>
<div class="post">
<h1 class="title">Co można u nas zobaczyć?</h1>
<p class="byline"><small>&nbsp;</small></p>
<div class="entry">
<h2><b><i>Podczas dni otwartych można podziwiać pierwsze kwitnące kaktusy i inne sukulenty ...</i></b></h2>
<div class="boxer">
<div class="box-row">
<div class="box"><img src="warto_gr/kwitnace_01.JPG" width="300px" class="thumb-container"/></div>
<div class="box"><img src="warto_gr/kwitnace_02.JPG" width="300px" class="thumb-container"/></div>
</div>
<div class="box-row">
<div class="box"><img src="warto_gr/kwitnace_03.JPG" width="300px" class="thumb-container"/></div>
<div class="box"><img src="warto_gr/kwitnace_04.JPG" width="300px" class="thumb-container"/></div>
</div>
<div class="box-row">
<div class="box">
<img src="warto_gr/kwitnace_05.JPG" width="300px" class="thumb-container"/>
<br />
<img src="warto_gr/kwitnace_07.JPG" width="300px" class="thumb-container"/>
</div>
<div class="box"><img src="warto_gr/kwitnace_06.JPG" width="300px" class="thumb-container"/></div>
</div>
</div>
<br />
<h2><b><i>... oraz liczne zwierzęta, które wystawiane są specjalnie na tą okazję</i></b></h2>
<div class="boxer">
<div class="box-row">
<div class="box"><img src="warto_gr/zwierzaki_01.JPG" width="300px" class="thumb-container"/></div>
<div class="box"><img src="warto_gr/zwierzaki_02.JPG" width="300px" class="thumb-container"/></div>
</div>
</div>
</div>
</div>
</div>
<!-- end content -->
<div style="clear: both;">&nbsp;</div>
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<!-- end page -->
</div>
<div id="footer">
<p class="copyright">&copy;&nbsp;&nbsp;2015 Wszelkie prawa zastrzeżone.</p>
<p class="link">Opieka nad stroną&nbsp;&#8226;&nbsp;<a href="mailto:ahinz@o2.pl">ahinz@o2.pl</a></p>
</div>
<script type="text/javascript">
this.imagePreview = function () {
xOffset = 10;
yOffset = -300;
$(".thumb-container").hover(function (e) {
this.t = this.title;
this.title = "";
var c = (this.t != "") ? "<br/>" + this.t : "";
$("body").append("<p id='preview'><img src='" + this.src + "' alt='Image preview' />" + c + "</p>");
$("#preview")
.css("top", (e.pageY - xOffset) + "px")
.css("left", (e.pageX + yOffset) + "px")
.fadeIn("fast");
},
function () {
this.title = this.t;
$("#preview").remove();
});
$("a.thumb-container").mousemove(function (e) {
$("#preview")
.css("top", (e.pageY - xOffset) + "px")
.css("left", (e.pageX + yOffset) + "px");
});
};
// starting the script on page load
$(document).ready(function () {
imagePreview();
});
</script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 380 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 380 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 341 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 286 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 245 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 382 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 210 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 324 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 338 KiB