Results 1 to 5 of 5

Thread: ddpowerzoomer magnifier behind image HELP

  1. #1
    Join Date
    Feb 2012
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default ddpowerzoomer magnifier behind image HELP

    1) Script Title: image power zoomer v1.1

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...owerzoomer.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!

  2. #2
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,775
    Thanks
    2
    Thanked 411 Times in 406 Posts

    Default

    you could try adding a z-Index to the magnifier

    Code:
    	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
    ..........
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  3. The Following User Says Thank You to vwphillips For This Useful Post:

    BrigitteD (02-15-2012)

  4. #3
    Join Date
    Feb 2012
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Thank you

    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?

  5. #4
    Join Date
    Feb 2012
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Found it! And it works great. Don't have a clue what you just did but it works perfectly!!! Thank you so much...

  6. #5
    Join Date
    Feb 2012
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    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.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •