now with the power of lightbox

This commit is contained in:
Ryan Walberg 2012-11-16 00:45:07 +00:00
parent 16037222e2
commit 074f1e4f21
10 changed files with 175 additions and 6 deletions

View file

@ -21,6 +21,11 @@ Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<link href="lightbox/css/jquery.lightbox-0.5.css" rel="stylesheet">
<script src="lightbox/js/jquery.lightbox-0.5.min.js"></script>
<script language="JavaScript" type="text/javascript">
function confirmUnshop(fullname) {
return window.confirm("Are you sure you no longer wish to shop for " + fullname + "?");
@ -28,6 +33,14 @@ Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
function confirmItemDelete(desc) {
return window.confirm("Are you sure you want to delete " + desc + "?");
}
$(document).ready(function() {
$('a.lightbox').lightBox({
imageLoading: 'lightbox/images/lightbox-ico-loading.gif',
imageBtnClose: 'lightbox/images/lightbox-btn-close.gif',
imageBtnPrev: 'lightbox/images/lightbox-btn-prev.gif',
imageBtnNext: 'lightbox/images/lightbox-btn-next.gif'
});
});
</script>
</head>
<body>
@ -84,7 +97,7 @@ Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
<img src="images/topic.gif" border="0" alt="{$row.comment|escape:'htmlall'}" />
{/if}
{if $row.image_filename != '' && $opt.allow_images}
<img src="images/image_obj.gif" border="0" alt="Image" />
<a class="lightbox" href="{$opt.image_subdir}/{$row.image_filename}"><img src="images/image_obj.gif" border="0" alt="Image" /></a>
{/if}
</td>
<td nowrap>{$row.rendered}</td>
@ -317,7 +330,5 @@ Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
{/if}
</section>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>

View file

@ -21,10 +21,24 @@ Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<link href="lightbox/css/jquery.lightbox-0.5.css" rel="stylesheet">
<script src="lightbox/js/jquery.lightbox-0.5.min.js"></script>
<script language="JavaScript" type="text/javascript">
function printPage() {
window.print();
}
$(document).ready(function() {
$('a.lightbox').lightBox({
imageLoading: 'lightbox/images/lightbox-ico-loading.gif',
imageBtnClose: 'lightbox/images/lightbox-btn-close.gif',
imageBtnPrev: 'lightbox/images/lightbox-btn-prev.gif',
imageBtnNext: 'lightbox/images/lightbox-btn-next.gif'
});
});
</script>
</head>
<body>
@ -93,7 +107,7 @@ Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
<img src="images/topic.gif" border="0" alt="{$row.comment|escape:'htmlall'}" />
{/if}
{if $row.image_filename != '' && $opt.allow_images}
<img src="images/image_obj.gif" border="0" alt="Image" />
<a class="lightbox" href="{$opt.image_subdir}/{$row.image_filename}"><img src="images/image_obj.gif" border="0" alt="Image" /></a>
{/if}
</td>
<td>{$row.category|default:"&nbsp;"}</td>
@ -204,7 +218,5 @@ Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
</div>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>

View file

@ -131,5 +131,8 @@ Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
</div>
{/if}
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>