PDA

View Full Version : ddpowerzoomer magnifier behind image HELP



BrigitteD
02-15-2012, 10:11 AM
1) Script Title: image power zoomer v1.1

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

3) Describe problem:

I'm not really that experienced, and there probably is an easy answer to my problem, I just can't find it! Iím using this script and it works perfectly until I want the picture with magnifier to show in my scroll text area. Then the magnifier shows BEHIND my image, so weird.

Here are some body codes:

[CODE]
<div id='content'>

<div id='mycustomscroll' class='flexcroll' position='center'> (without this one, it works perfectly)

<img src="fotos/01g.png" style="width:200px; height:150px" id="myimage" />
[CODE]

A link to the version working:
http://www.brigittedam.nl/test8.html
A link to the version not working:
http://www.brigittedam.nl/test6.html

Hopefully someone can help me out if this situation, itís beginning to get really frustrating!;)

vwphillips
02-15-2012, 10:39 AM
you could try adding a z-Index to the magnifier


init:function($){
var $magnifier=$('<div style="position:absolute;width:100px;height:100px;display:none;overflow:hidden;border:1px solid black;z-Index:101;" />')
.append('<div style="position:relative;left:0;top:0;" />')
.appendTo(document.body) //create magnifier container and add to doc
..........

BrigitteD
02-15-2012, 12:00 PM
Thank you so much voor replying, but really have no idea where to put that code. I've tried some thing but I just don't have the knowledge. Do you want me to put it in the javascript file or on the page self?

BrigitteD
02-15-2012, 12:03 PM
Found it! And it works great. Don't have a clue what you just did but it works perfectly!!! Thank you so much...

BrigitteD
02-15-2012, 01:25 PM
Well it works but I encountered a new problem. It only works in firefox or in internet explorer when in compability mode. But when IE is in compability mode, the rest of my design falls apart (background images shift to the right or dissappear completely). It's a real mess.