Jump to content

Search the Community

Showing results for tags 'magnifier.js'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 1 result

  1. I want to use code for a magnifier lens on images that references magnifier.css and magnifier.js. I created a test html document that displays properly in Brackets' Live Preview with images at the correct size, the magnifier lens working and the magnification at the correct size. But when uploaded to my server and displayed in a browser (I tried both Chrome and Opera), it does not. The images are appearing at their magnification size, static (the scrolling lens not working) and overlapping each other. I have never encountered browser behavior that differed from Live Preview, so don't know what would cause this. Before I incorporate my own css into my web page, I need to resolve whatever is wrong how the external css and/or js is being referenced/displayed. I have pasted the test html document following for what it's worth. Thanks for anyone who can assist. <!DOCTYPE HTML> <html> <head> <link type="text/css" href="magnifier.css" rel="stylesheet"> <script type="text/javascript" src="magnifier.js"></script> <div class="magnifier" style="width: 498px; height: 384px;"> <div class="maglens"> <img src="http://bartonlewisfilm.com/img_157-229.jpg" class="maglarge" style="width: 997px; height: 768px;" /> </div> </div> <div class="magnifier" style="width: 504px; height: 384px;"> <div class="maglens"> <img src="http://bartonlewisfilm.com/img_157-245.jpg" class="maglarge" style="width: 1008px; height: 768px;" /> </div> </div> <div class="magnifier" style="width: 485px; height: 384px;"> <div class="maglens"> <img src="http://bartonlewisfilm.com/img_162-365.jpg" class="maglarge" style="width: 970px; height: 768px;" /> </div> </div> </head> </html>
×