.
Your page is in violation of Dynamic Drive's
usage terms, which, among other things, state that the script credit must appear in the source code of the
page(s) using the script. Please reinstate the notice first.
Change this:
Code:
<script type="text/javascript" src="js/crawler.js"></script>
to:
Code:
<script type="text/javascript" src="js/crawler.js">
// Text and/or Image Crawler Script v1.5 (c)2009-2012 John Davenport Scheuer
// as first seen in http://www.dynamicdrive.com/forums/
// username: jscheuer1 - This Notice Must Remain for Legal Use
// updated: 4/2011 for random order option, more (see below)
// updated 7/2012 for integration with 3rd party initializing scripts
</script>
That said, I think the easiest approach would be to have crawler make a new group when it copies the images and then have crawler initialize the fancybox.
Get rid of all of this:
Code:
<script type="text/javascript">
$(document).ready(function() {
/*
* Examples - images
*/
$("a#example1").fancybox();
$("a#example2").fancybox({
'overlayShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic'
});
$("a#example3").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none'
});
$("a#example4").fancybox({
'opacity' : true,
'overlayShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'none'
});
$("a#example5").fancybox();
$("a#example6").fancybox({
'titlePosition' : 'outside',
'overlayColor' : '#000',
'overlayOpacity' : 0.9
});
$("a#example7").fancybox({
'titlePosition' : 'inside'
});
$("a#example8").fancybox({
'titlePosition' : 'over'
});
$("a[rel=example_group]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>';
}
});
/*
* Examples - various
*/
$("#various1").fancybox({
'titlePosition' : 'inside',
'transitionIn' : 'none',
'transitionOut' : 'none'
});
$("#various2").fancybox();
$("#various3").fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
$("#various4").fancybox({
'padding' : 0,
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none'
});
});
</script>
You're only using a small part of it. We will bring that part back at the end of this process.
Also, these scripts and styles are all either not used, and/or not found. Remove them:
Code:
<!--<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="javascript/lightbox.js"></script>-->
<script type="text/javascript" src="js/effects.js" ></script>
<script type="text/javascript" src="js/builder.js"></script>
<link href="css/lightbox.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="js/mm_menu.js" type="text/javascript"></script>
and:
Code:
<script src="zoom/javascript/jquery-1.8.js" type="text/javascript"></script>
Also get rid of:
Code:
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '2px',
'width': '700px',
'height': '240px'
},
inc: 40, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 3,
neutral:700,
savedirection: true,
random: false
});
</script>
We will move it and change it.
Use this updated version of crawler.js (right click and 'Save As'):
Attachment 4559
Now and only now, after you've taken care of all of the rest of these changes, add the highlighted as shown just before the closing </body> tag:
Code:
. . . gn="middle" class="footerbg"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="middle" class="copytxt">STANDARD PRESS (INDIA) PVT. LTD. © 2012 . All Rights Reserved.</td>
<td align="right" valign="middle" class="copytxt">Powered By <a href="http://www.bowandbaan.com/" target="_blank" style=" color:#dfb943;">www.bowandbaan.com</a></td>
</tr>
</table></td>
</tr>
</table>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '2px',
'width': '700px',
'height': '240px'
},
inc: 20, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 3,
neutral: 150,
savedirection: true,
random: false,
initcontent: function(contentarray){
var $ = jQuery;
if(typeof $ !== 'undefined' && typeof $.fn.fancybox === 'function'){
$(contentarray[1]).find('a[rel=example_group]').attr('rel', 'example_group2');
$("a[rel^=example_group]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>';
}
});
}
}
});
</script>
</body>
<!-- InstanceEnd --></html>
The browser cache may need to be cleared and/or the page refreshed to see changes.
I know this is a lot to take in. Make sure you don't miss any steps. It is working here in a local markup of your page in Firefox, Chrome and IE. If there are problems or you have any questions, let me know.
Text and Image Crawler & FancyBox
Thousands of thanks
Bookmarks