Hi Stephen,
We are using following code for http://www.johnmarrs.com/portifolio , can you Pls, inform how can we add two buttons as Prev - Next here for each galleries? OR Can you Pls, update this following code for this requirement? Its really needed for us and we will be very much grateful if you can help us.
<?php /* Template Name: portifolio */ ?>
<?php get_header(); ?>
<style type="text/css">
.viewer{
display: none;
}
.link{
cursor: pointer;
background: #55596A;
}
a.selected{
background: #424244;
}
.simpleviewerpane{
float: right;
width: 600px;
margin: 25px 25px 0 0;
padding: 0 0 0 50px;
}
.simpleviewerpane img{
max-width: 590px;
}
.subpagetitle{
font-size: 20px;
font-weight: bold;
text-align: center;
}
#simpleviewer{
margin: 0 0 0 1.5em;
}
</style>
<script type="text/javascript">
function init(){
jQuery("#simpleviewer div dl dt.gallery-icon a").click(function(){
var src = jQuery(this).attr("href");
jQuery("#simpleviewerpane").hide();
jQuery("#simpleviewerpane").html("<img src='"+src+"' />");
jQuery("#simpleviewerpane").show(500);
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});
}
</script>
<div id="container">
<div id="content" role="main">
<div class="portfolio">
<ul>
<li>
<a class="link" onclick="setsimpleviewer(393)" id="393">
<?php
$pageID = 393;
$page = get_post($pageID);
echo $page->post_title;
?>
</a>
</li>
<li>
<a class="link" onclick="setsimpleviewer(397)" id="397">
<?php
$pageID = 397;
$page = get_post($pageID);
echo $page->post_title;
?>
</a>
</li>
<li>
<a class="link" onclick="setsimpleviewer(389)" id="389">
<?php
$pageID = 389;
$page = get_post($pageID);
echo $page->post_title;
?>
</a>
</li>
<li>
<a class="link" onclick="setsimpleviewer(48)" id="48">
<?php
$pageID = 48;
$page = get_post($pageID);
echo $page->post_title;
?>
</a>
</li>
<li>
<a class="link" onclick="setsimpleviewer(395)" id="395">
<?php
$pageID = 395;
$page = get_post($pageID);
echo $page->post_title;
?>
</a>
</li>
<li>
<a class="link" onclick="setsimpleviewer(399)" id="399">
<?php
$pageID = 399;
$page = get_post($pageID);
echo $page->post_title;
?>
</a>
</li>
<li>
<a class="link" onclick="setsimpleviewer(85)" id="85">
<?php
$pageID = 85;
$page = get_post($pageID);
echo $page->post_title;
?>
</a>
</li>
<li>
<a class="link" onclick="setsimpleviewer(391)" id="391">
<?php
$pageID = 391;
$page = get_post($pageID);
echo $page->post_title;
?>
</a>
</li>
</ul>
<div id="simpleviewer"></div>
</div>
</div>
<div class="simpleviewerpane" id="simpleviewerpane"></div>
<div class="simpleviewerpane" id="viewerpane"></div>
<div class="clear-fix"></div>
</div>
<?php get_footer(); ?>
<div id="simpleviewer_85" class="viewer">
<?php
echo do_shortcode('[gallery id="85" columns="3" size="thumbnail" link="file"]');
?>
</div>
<div id="simpleviewer_48" class="viewer">
<?php
echo do_shortcode('[gallery id="48" columns="3" size="thumbnail" link="file"]');
?>
</div>
<div id="simpleviewer_389" class="viewer">
<?php
echo do_shortcode('[gallery id="389" columns="3" size="thumbnail" link="file"]');
?>
</div>
<div id="simpleviewer_391" class="viewer">
<?php
echo do_shortcode('[gallery id="391" columns="3" size="thumbnail" link="file"]');
?>
</div>
<div id="simpleviewer_393" class="viewer">
<?php
echo do_shortcode('[gallery id="393" columns="3" size="thumbnail" link="file"]');
?>
</div>
<div id="simpleviewer_395" class="viewer">
<?php
echo do_shortcode('[gallery id="395" columns="3" size="thumbnail" link="file"]');
?>
</div>
<div id="simpleviewer_397" class="viewer">
<?php
echo do_shortcode('[gallery id="397" columns="3" size="thumbnail" link="file"]');
?>
</div>
<div id="simpleviewer_399" class="viewer">
<?php
echo do_shortcode('[gallery id="399" columns="3" size="thumbnail" link="file"]');
?>
</div>
<div id="simpleviewerpane_85" class="viewer">
<?php
echo get_first_image("85", true, array('500', '600'));
?>
</div>
<div id="simpleviewerpane_48" class="viewer">
<?php
echo get_first_image("48", true, array('500', '600'));
?>
</div>
<div id="simpleviewerpane_389" class="viewer">
<?php
echo get_first_image("389", true, array('500', '600'));
?>
</div>
<div id="simpleviewerpane_391" class="viewer">
<?php
echo get_first_image("391", true, array('500', '600'));
?>
</div>
<div id="simpleviewerpane_393" class="viewer">
<?php
echo get_first_image("393", true, array('500', '600'));
?>
</div>
<div id="simpleviewerpane_395" class="viewer">
<?php
echo get_first_image("395", true, array('500', '600'));
?>
</div>
<div id="simpleviewerpane_397" class="viewer">
<?php
echo get_first_image("397", true, array('500', '600'));
?>
</div>
<div id="simpleviewerpane_399" class="viewer">
<?php
echo get_first_image("399", true, array('500', '600'));
?>
</div>
<input type="hidden" id="classname" value="399" />
<script type="text/javascript">
function setsimpleviewer(pid){
document.getElementById("simpleviewer").innerHTML = document.getElementById("simpleviewer_"+pid).innerHTML;
init();
jQuery("#simpleviewerpane").hide();
jQuery("#simpleviewerpane").html(jQuery("#simpleviewerpane_"+pid).html(), "slow");
jQuery("#simpleviewerpane").show(500);
var oldelement = document.getElementById("classname").value;
document.getElementById("classname").value = pid;
document.getElementById(oldelement).setAttribute("class", "link");
document.getElementById(pid).setAttribute("class", "selected link");
}
</script>