Long transitions of image when resizing browser

  • Resolved Artan

    (@artankrasniqi1988)


    3 years ago

    Hi there,

    first thanks for this amazing little plugin. It works fine for me so far.

    The problem I have is a veeeery long transition when the picture resizes in case of dragging browser window smaller or bigger. Like perhaps 2 or 3 seconds till the image resizes slowly. Couldn′t get the trick with CSS.

    So any chance to reduce this enormous delay/transition to 0s or near 0s?

    That would be awesome.

    Thanks for your support! ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Draw Attention Support

    (@wpdrawattention)

    Hello @artankrasniqi1988

    That’s strange! Could you send us an email at [email protected] to continue troubleshooting?

    Some other questions that could help:
    – What browser are you testing this on?
    – Does this also happen on the Draw Attention preview page?

    Thanks

    Thread Starter Artan

    (@artankrasniqi1988)

    Hi,

    thanks for your response.

    The URL is: https://ba0gcxy.myraidbox.de/team/

    I′m using a svg as an “image” to map. I work with elementor. In the backend of elementor when i resize the window with the elementor “responsive tools” there is no delay.

    When I′m in the draw attention plugin itself to map it, the svg won′t scale at all but I don′t care if it doesn′t do it there.

    The delay seems to occur only in front end.

    I gave the svg a width of 750px in css because otherwise it only had 280px and I couldn′t find an option in the plugin to set a width.

    Browser: Latest Firefox

    Regards and thanks,

    Artan

    Plugin Contributor Draw Attention Support

    (@wpdrawattention)

    @artankrasniqi1988

    Thanks for sharing the details! Unfortunately, Draw Attention is not compatible with SVGs as the main image. We’d have to re-configure the plugin to support this format since the plugin uses SVGs in the code itself to display the hotspots. This incompatibility seems to be affecting the responsiveness.

    Could you upload your main image in a different format and see if that helps?

    Thread Starter Artan

    (@artankrasniqi1988)

    Hi, forgot to write long time ago. The long transition seems to happen because of another CSS I think. The plugin works for me also with a SVG. I think I just had to set a width in CSS. So no trouble with that. The long transition doesn′t bother me really because u don′t resize your browser all the time.

    Thanks for your help. This topic is resolved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Long transitions of image when resizing browser’ is closed to new replies.