without onclick fuction using rel attributes and click event get values to load inner div

head page

< script type="text/javascript" src="js/jquery.min.js">< /script>
< script type="text/javascript">
$(document).ready(function() {
$("a").click(function(event) {
var href = $(this).attr('title');
next = Number(href)+1;
prev = Number(href)-1;
siva =<a href="pdf/Photogrammetry'+prev+'.pdf" rel="#iframe" title="'+prev+'"><img src="images/prev.gif"></a><a href="pdf/Photogrammetry'+next+'.pdf" rel="#iframe" title="'+next+'"><img src="images/next.gif"></a>
$('#prevnext').html(siva);
});
});



load html div


<div id="prevnext" align="center" style="margin-top:10px"></div>