• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
Locked
0

Scale image from 100x100 to 200x200 on rollover?

Explorer ,
Jan 28, 2020 Jan 28, 2020

Copy link to clipboard

Copied

Needing (HTML?) to scale the dimension of an image frame from 100 pixel square to 200 pixel square. 

(The source image is 400x400.)

Can this be done with inserted HTML? or better through some widget?

(Have not found widget that does what is described above.)

TOPICS
Responsive design

Views

722

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 29, 2020 Jan 29, 2020

Copy link to clipboard

Copied

This is possible.

Look at my sample .muse file, where I demonstrate 3 different ways to achieve, what you want:

https://www.dropbox.com/s/qtbftummygtk8gx/Rollover-image-scaling.muse?dl=1 

If you have problems to understand the construction, please ask!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 30, 2020 Jan 30, 2020

Copy link to clipboard

Copied

Thank You Günter!

I purchased the Image Expand widget from MuseThemes and I'm pleased with the result: melristau.com

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 30, 2020 Jan 30, 2020

Copy link to clipboard

Copied

Another way to fix the issue! MuseThemes widgets often are a good idea!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Feb 02, 2020 Feb 02, 2020

Copy link to clipboard

Copied

Just seeing this but since Muse will EOL and this sort of stuff is VERY simple in pure CSS it will be good to learn:

 

https://codepen.io/thenexus00/pen/mdyNqPR

 

CSS Transform, code done in under 2 minutes.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Feb 02, 2020 Feb 02, 2020

Copy link to clipboard

Copied

Funny! It is not done with dropping a link to a code snippet, if someone doesn't want or need to code or isn't working within an website creation environment, which is based on coding.

I'd never would recommend somebody to learn coding for "standard", private web sites in a time, where obviously "no code" ways of building sites are the future.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Feb 03, 2020 Feb 03, 2020

Copy link to clipboard

Copied

LATEST

Yes—I've coded so much of my life away you couldn't pay me enough to learn even 2 minutes of CSS.  CSS will have its own EOL in the near future. 🤔

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines