I recently installed the great
Highslide plugin that uses ajax to bring up a larger version of the image on the thumbnail page. This works great, but I also wanted to give ajax effects on the fullsize page as well so that it wouldn't use popups.
This MOD does the trick on the intermediate page, it uses lightbox to bring up the fullsize image. However, these two MODs are not compatible with each other unless you modify them like this:
1. Install Highslide
2. Install the 2nd MOD, LightBox JS for Fullsize Popup Image, following the instructions in
this post, but not performing this step:
Step 6. Add this code to the head section of your template.html file and change the directories to match yours
<link rel="stylesheet" href="themes/your_theme_folder/lightbox/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="themes/your_theme_folder/lightbox/js/prototype.js"></script>
<script type="text/javascript" src="themes/your_theme_folder/lightbox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="themes/your_theme_folder/lightbox/js/lightbox.js"></script>
3. Upload the changed files
4. Download displayimage.php and open it.
Find:
require('include/init.inc.php');
Before, Add:
include("ajax.php");
5. Make a new file and put this code into it, save it as ajax.php and upload it into the same folder as displayimage.php
<html>
<head>
<link rel="stylesheet" href="themes/subsilver/lightbox/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="themes/subsilver/lightbox/js/prototype.js"></script>
<script type="text/javascript" src="themes/subsilver/lightbox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="themes/subsilver/lightbox/js/lightbox.js"></script>
</head>
<body>
</body>
</html>
6. Give it a shot, it should work like this
demo