Results 1 to 2 of 2

Thread: Multizoom - Image sizing in responsive design

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

    Default Multizoom - Image sizing in responsive design

    1) Script Title: Multizoom v2.1

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...uredzoomer.htm

    3) Describe problem:
    For responsive design reasons I have the div and image sizes as percentage values in css. I tried to set up multizoom according to Demo 3, but the script resizes the large image to the height in the image file.

    e.g.:
    • The <div id="targetarea"> inherits the dynamic css size from its parent, lets say 700px.
    • The zoomable <img> has 900x600px.
    • In css, the <img> is set to not exceed its parent with {width: auto !important; max-width: 100%;width:100%}, so the image normally resizes well to 700x466

    Multizoom styles the <img style="width: 900px; height: 600px"> and the <div class="zoomtracker" style="height: 600px; width: 700px"> , so the image looses its aspect ratio and displays in 700x600.

    How do I prevent the script from overwriting the CSS?

    Thanks for any help you can give!
    Last edited by ozinder; 02-14-2014 at 01:14 PM. Reason: Found workaround

  2. #2
    Join Date
    Feb 2014
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    So, no response until now.
    I found kthornbloom.com/smoothproducts/ doing it well enough for my purpose.
    Last edited by djr33; 02-14-2014 at 05:14 PM. Reason: remove hyperlink

Similar Threads

  1. Flicker on initial load of featured image zoomer (multizoom)
    By JeffSinNHUSA in forum Dynamic Drive scripts help
    Replies: 7
    Last Post: 09-17-2013, 02:31 PM
  2. Resolved Step Carousel Viewer in Responsive Design
    By Paramasivan in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 08-11-2013, 07:26 PM
  3. All Levels Navigational Menu (v3.02) Responsive Design?
    By carolineleonard in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 03-26-2013, 04:28 PM
  4. Can Step Carousel be used in a 'Responsive' design?
    By samsen in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 12-02-2012, 10:57 PM
  5. How to get Swiss Army Slideshow in Responsive Design ?
    By jacopogio in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 06-18-2012, 04:00 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
  •