PDA

View Full Version : Resolved Help Required for Image Zoomer



BorderTerroir
11-02-2014, 07:02 AM
1) Script Title: Featured Image Zoomer (now w/Multi-Zoom) v2.1

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/featuredzoomer.htm

3) Describe problem:

Hi,

When I use this script it causes the submenu items to disappear, any ideas?
http://www.castlefordheritagetrust.org.uk/TheMillProject.html

Here is an example where it's OK.
http://www.castlefordheritagetrust.org.uk/News.html

Regards

John

jscheuer1
11-02-2014, 08:59 AM
Multizoom places jQuery into noConflict mode, but in your case it needn't and that's probably the only problem. There could be other issues but this has to be fixed first. Using a text only editor like NotePad, in the castlefordheritagetrust.org.uk/java/multizoom.js file, add the comment tokens (red) as shown:



// Multi-Zoom Script (c)2012 John Davenport Scheuer
// as first seen in http://www.dynamicdrive.com/forums/
// username: jscheuer1 - This Notice Must Remain for Legal Use
// requires: a modified version of Dynamic Drive's Featured Image Zoomer (w/ adjustable power) (included)

/*Featured Image Zoomer (May 8th, 2010)
* This notice must stay intact for usage
* Author: Dynamic Drive at http://www.dynamicdrive.com/
* Visit http://www.dynamicdrive.com/ for full source code
*/

// Feb 21st, 2011: Script updated to v1.5, which now includes new feature by jscheuer1 (http://www.dynamicdrive.com/forums/member.php?u=2033) to show optional "magnifying lens" while over thumbnail image.
// March 1st, 2011: Script updated to v1.51. Minor improvements to inner workings of script.
// July 9th, 12': Script updated to v1.5.1, which fixes mouse wheel issue with script when used with a more recent version of jQuery.
// Nov 5th, 2012: Unofficial update to v1.5.1m for integration with multi-zoom (adds multiple images to be zoomed via thumbnail activated image swapping)
// Nov 28th, 2012: Version 2.1 w/Multi Zoom, updates - new features and bug fixes

var featuredimagezoomer = { // the two options for Featured Image Zoomer:
loadinggif: 'graphics/spinningred.gif', // full path or URL to "loading" gif
magnifycursor: 'crosshair' // value for CSS's 'cursor' property when over the zoomable image
};

//////////////// No Need To Edit Beyond Here ////////////////

// jQuery.noConflict();

(function($){

$('head').append('<style type="text/css">.featur . . .

Save and use that version.

The browser cache may need to be cleared and/or the page refreshed to see changes.

BorderTerroir
11-02-2014, 10:46 AM
That's it I'm sorted.

Many thanks.

John