SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Zealot
    Join Date
    Dec 2010
    Posts
    167
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Fancybox Loads -Moz-Zoom-In on My Iframed Image - Want this Removed!

    I'm trying to use fancybox to load a variety of documents for my portfolio site. With that said, it's giving me a little bit of a hard time in Firefox. When it loads, it makes me click the magnified glass to view the full image. You'll see what I mean when you visit http://dev.jasonbiondo.com/about.php and click on my resume link. The image loads full width in Safari and Chrome so I'm not really sure why firefox is adding a width and a height to the fancybox. I also don't know how to override it. Any thoughts on this are appreciated.

    Fancybox code:

    Code:
    $("#resume").fancybox({
    	'autoDimensions': false,
        	'padding'       : 0,
        	'width'         : 880,
        	'height'        : '70%',
        	'autoScale'     : false,
        	'transitionIn'  : 'none',
        	'transitionOut' : 'none',
        	'type'          : 'iframe',
    });

  2. #2
    SitePoint Member
    Join Date
    Apr 2009
    Location
    London, UK
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by unemployment View Post
    I'm not really sure why firefox is adding a width and a height to the fancybox. I also don't know how to override it.
    I don't know about fancybox, but you can do it with Magic Thumb by setting image-size to original:

    Code:
    <a href="big.jpg" class="MagicThumb" rel="image-size:original"><img src="small.jpg"/></a>
    (As your site is non-commercial, Magic Thumb is free).
    Simply gorgeous: Zoom | Magnify | Enlarge | Slideshow


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
  •