Results 1 to 2 of 2

Thread: Magnified image is coming up with original image or not at all...

  1. #1
    Join Date
    Oct 2015
    Location
    Roseburg Oregon
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Magnified image is coming up with original image or not at all...

    1) ddpowerzoomer.js

    2) Script URL (on DD):

    3)
    I know I must be missing a step but I can't seem to find it. I saw a post from earlier that described as a similar problem. I am using asp.net 2013 and have a gridview with an image button and a large image field which I have populated in designer. When the image button is clicked - the small image from the button is shown on the large image field. My intention is to be able to magnify the large image (not the buttons) .
    When I change this line to the line below it no longer does the magnification at all.
    Code:
    $magnifier.inner.html('<img src="' + options.largeimagesrc + '"/>') 
         //When I use this which is from the original download it magnifies but you see the original image even after the image changes from a button click  
    $magnifier.inner.html('<img src="' + options.largeimagesrc + '"' + (id ? 'id=' + id + 'MAG ' : '') + '   />') 
           // When I use this one it does not magnify at all
    I am using an external script with a reference for the ddpowerzoomer.js.

    Here is some of my code...

    Code:
    <script type="text/javascript" >
    
        jQuery(document).ready(function ($)
        {
            //fire on DOM ready       
            $('img.showcase').addpowerzoom({magnifiersize:[250,250], defaultpower:3, powerrange:[2,10]})  // My image has a css of showcase
            $('img.imgOriginal').addpowerzoom()
            $('img.imgSelect').addpowerzoom()
        })
        function LoadImage(url) {
            //var img = new Image();
            var LargeImage = document.getElementById("imgSelected");// imgSelected is my Image id.  
            LargeImage.src = url;        
            LargeImage.style.display = "block";                   
            
            return false;  // I added this because otherwise it would disappear right away.  
            
            
        }
    
    <img id ="imgSelect"  src ="" style="display: none; onmouseup= "ddpowerzoomer.Swap('img.imgSelect',this.src,imgSelected);"/>
    This is the link that I got my information from.
    http://www.dynamicdrive.com/forums/a...p/t-68002.html
    Last edited by james438; 10-07-2015 at 01:23 AM. Reason: formatting

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    The demo page works fine. If you'd like us to help troubleshoot your setup then we need to see it. Please provide a link to your page (a reduced test page showing just the pertinent markup, CSS and JS)
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

Similar Threads

  1. Replies: 0
    Last Post: 01-05-2015, 10:07 PM
  2. How to prevent Ultimate Slideshow from reverting to original image.
    By AHalsey in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 09-22-2010, 02:11 PM
  3. Need a script that upon mouseover on the original image, an identical image pops up..
    By norbyson in forum Looking for such a script or service
    Replies: 2
    Last Post: 10-13-2008, 05:17 AM
  4. Replies: 3
    Last Post: 09-19-2007, 09:56 AM
  5. CMotion - Scrolling image to original position causes 'over-scroll'
    By matm00 in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 11-22-2006, 06:10 PM

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
  •