PDA

View Full Version : http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm



HotelsInColombia
08-21-2012, 02:14 AM
http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm

Hi there, I’m using the image magnifier but I have 2 problems, when I open the pictures on GC the picture goes behind the slide show from the ‘simplegallery’, and when I put the code referring to the two externals files on the HEAD of the page, the booking control from the page disappears. Here you can see booth examples
http://hotelsincolombia.net/AVIA-93/en1.html
http://hotelsincolombia.net/AVIA-93/en2.html

Hope any one can help… Thank you for your time!!

jscheuer1
08-21-2012, 07:50 AM
This is the beginning of magnifier.js:


/* jQuery Image Magnify script v1.1
* This notice must stay intact for usage
* Author: Dynamic Drive at http://www.dynamicdrive.com/
* Visit http://www.dynamicdrive.com/ for full source code

* Nov 16th, 09 (v1.1): Adds ability to dynamically apply/reapply magnify effect to an image, plus magnify to a specific width in pixels.
* Feb 8th, 11 (v1.11): Fixed bug that caused script to not work in newever versions of jQuery (ie: v1.4.4)
*/

//jQuery.noConflict()

jQuery.imageMagnify={
dsettings: {
magnifyby: 3, //default increase factor of enlarged image
duration: 500, //default duration of animation, in millisec
imgopacity: 0.2 //opacify of original image when enlarged image overlays it
},
cursorcss: 'url(magnify.cur), -moz-zoom-in', //Value for CSS's 'cursor' attribute, added to original image
zIndexcounter: 1000,

refreshoffsets:function($window, $target, warpshell){
var $offset

Using a text only editor like NotePad, make the highlighted changes.

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

HotelsInColombia
08-21-2012, 04:53 PM
Thank you very much, now is working. The second problem i mention still there. I have a booking control on the page like you can see on http://hotelsincolombia.net/AVIA-93/en2.html and as soon as I atacht the code referring to the two externals files on the HEAD of the page, the booking control from the page disappears http://hotelsincolombia.net/AVIA-93/en1.html . Any ideas?

<SCRIPT type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></SCRIPT>

<SCRIPT type="text/javascript" src="jquery.magnifier.js">

/***********************************************
* jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</SCRIPT>

jscheuer1
08-21-2012, 05:04 PM
Get rid of this:



<SCRIPT type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></SCRIPT>

jQuery is already on the page, putting it on twice prevents the booking script from functioning properly.

There could also be other problems.

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

HotelsInColombia
08-21-2012, 10:09 PM
Great!! Thank you so much, it works!!!