How can i fix this?

[Panos]

I use a image script from DynamicDrive website but there is a problem with
Publisher and Firefox. When you open the images they displayed in the
background and not in the front like it should be.

have a look here: http://www.sifnoshotels.gr/hotels/index_windmill.htm

This is not a problem of the script as it works fine with firefox in the
example they have here:
http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm

Any idea how can i fix it???

Thanks
Panos

 

[GeoffreyChaucer]

Panos,
I suggest you compare the actual source code of the DynamicDrive page with
the code listed on the page itself. There may be a discrepancy between the
two.

If all else fails, you may be able to modify the script and specify the
position of the enlarged image to the right of your page. That would not fix
the nominal problem, but it would be an improvement.

 

[Panos]

Thanks for your answer, i have test some things and i see that this problem
is appeared only when my page is centered, if i leave the page in the
original output of Publisher (left-side) then the image script works fine.

I tried the solution you suggest - to specify the position - using the
"absoluteosition" parameter but this apply only in the small image before
it enlarged. Do you know how can i define the position in the enlarged image?
The code it used for the images looks like this:

<img src="http://www..../images/photo1.jpg" class="magnify"
data-magnifyby="5" style="width:106px; height:63px" border="0" />


Thanks
Panos

 

[GeoffreyChaucer]

Panos,

I cannot tell you with any degree of certainty how to define the position of
the enlarged image because I have never used this script before and, more to
the point, I cannot access the JS file of your website since my internet temp
file is full and my system crashes when I try.

But looking at the original DynamicDrive script file, which I downloaded, I
would play around with the all the winattrs functions in the JS file to see
what happens, particularly the fragment:

warpshell.newattrs.x=winattrs.x+winattrs.w/2-warpshell.newattrs.w/2

which seems to center the image horizontally. I would try to add or subtract
a number of pixels to the algorithm.

Sorry, it's the best I can do for now. That is, until I actually try to use
the script for myself.

 

[Spike]

Panos

Do you have a tutorial on how to get the code and necessary links into
publisher to make the magnifier function? I didn't have any luck with it.

Spike

 

[Panos]

Hello Spike,

You can find here the code and the 2 files that you need to download:
http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm

1) Paste the following code into the top of your page (actually must be into
the HEAD section but in you place it using the code fragment of Publisher it
also works)

<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">
</script>

2) put the files jquery.magnifier.js and magnify.cur into the same folder
of your page files.

3) call the image you want anywhere in the page, with this code
<img src="ocean.gif" class="magnify" style="width:200px; height:150px" />

In left position pages the script works fine, but as i said in centered
webpages there is a problem, i havent find any solution yet but still
trying...

Panos

 

[Spike]

Thanks

I will set it up and see if I can figure something out

Spike

 

[Spike]

Panos

Well here is the story
I looked at your site with IE 8.0.7600.16385 and FF 3.5.7
IE 8 OK
FF Background problem

I constructed a simple page (with your instructions, thank you)
IE 8 OK
FF OK

I can only come to the conclusion that there may be another script on your
page causing the conflict (I see several script lines of code on your site).
Sorry that I do not have a better answer for you. You might try eliminating
content (1 at a time) on your page to test for a conflict.

Hopefully someone with more knowledge than I will chime in on here with some
ideas also.

Spike

 

[Panos]

Did you center the page you tested it? I just created a blank page with the
only code from image magnify script, the background problem still appeared in
FF, have a look here: http://www.sifnoshotels.gr/hotels/index_windmill2.htm

Panos

 

[Panos]

I have good news, the problem is solved!! i get an answer from the admin of
DynamicDrive forum and he suggest me to modify a value in the .js file and
now it works perfect also in FF.

For anyone who want to use this script you just need to change the
"zIndexcounter: 100" from 100 to 1000 in the .js file.

Panos

 

[Spike]

Panos

Glad to hear you have the fix
I did center the pages and it was OK
I will modify the .js file for future reference

Thanks again for the tutorial
My BIG mistake was jpg vs JPG The server knows the difference ):

Spike